style.css

File Type: css File Location: / File name: style.css
@charset "utf-8";
body{margin:0;padding:0;background:#fbfbfb;font-family:Arial;color:#454545;position:absolute;width:100%;min-height:100%}
a:link{color:#000;text-decoration:none}
a:visited{color:#000}
a:hover{color:#666}
a:active{color:#000}

.mon-note{padding:10px 0;position:absolute;width:100%;text-align:center;color:#AEAEAE;background:#ededed}
.hfx-before{height:94px}
#h-des{margin:10px auto 80px auto;height: 200px;}
#lg{font-weight:bold;position:relative;color:#222;top:-30px;left:initial;text-align:center;margin:0 auto;z-index:80;overflow:initial;}
#lg h1{font-size:18px;font-weight: bold;}
#description{font-size:35px;margin:15px auto 15px;top:0}
.mini-mon-menu{position:static;cursor:default}
.mini-mon-menu:hover #main-nav{left:0;background:none}
.mini-mon-menu:hover{width:initial;height:initial}
#main-nav{float:right;}
#main-nav ul{}
#main-nav a:link{color:#efefef;margin:0}
#main-nav a:visited{color:#efefef}
#main-nav a:hover{color:#888}
#main-nav a:active{color:#666}
#main-nav ul ul a:link{color:#444;text-transform:none}
#main-nav ul ul li{width:170px;left:-20px}
#main-nav{position:relative;width:initial;height:initial;left:0px;transition:all .2s;margin:0 auto;text-align:center;z-index:99;overflow-y:initial}
#main-nav ul{display:table}
#main-nav ul ul{}
#main-nav ul ul li{width:180px}
#main-nav ul li{float:left;margin:0 6px}
#main-nav ul li:hover{padding:0}
#main-nav ul li:hover > ul{display:block;text-align:left;position:absolute;left:-20px;top:100%;height:auto;padding:20px 20px 0 20px;width:100%}
#main-nav a:link{color:#555;padding:6px;margin:0;font-size:15px}
#main-nav a:visited{color:#474747}
#main-nav a:hover{color:#888}
#main-nav a:active{color:#666}
.menu-adj{display:none}
#header{min-width:670px;background: url(headerbg3.jpg) 100% 127px no-repeat;background-size: 55%;}
#header-content{min-width:300px;width:100%}
.header-top{}
#htop{}
.top-head-nav{top:38px;right:20px}
.hfx{height:100px;z-index:99}
.hfx #main-nav{}
.hfx .top-head-nav{top:23px}
.mon-tline{height:0px;margin:0;display:none}
img{display:initial}
#main-content{width:700px;margin:10px auto 60px auto}
#info-section{}
.page-content{min-height:440px;margin:50px auto;}
.page-content .mainpage{font-size:14px}
.latest{text-align:center}
.post{}
.post h2{line-height:24px}
.readmore{font-size:20px;padding:6px 12px 12px}
a.readmore:link{}
.footer{}
.footer-menu{width:600px}
.mon-adj{height:100px}
.footer-menu img{margin:0 0 20px 20px}
.hfx-before{height:80px}
#h-des .mon-adj{display:block;background-size:100%;height:240px;margin-bottom:-40px}
#lg{color:#151515;float:left;transition:all .2s;top:0px;}
.hfx #lg{transition:all .2s;margin-top:8px;}
#description{margin:80px auto 40px;font-size:35px;font-size:40px}
.left-s{width:210px}
.right-s{margin-top:20px}
.set-posts{clear:none;}
.post h2{line-height:normal;font-size:32px}
.post{}
footer h2{font-size:20px;margin:10px auto}
footer .des-3{margin:20px auto}
.hfx-before{height:104px}
#h-des{margin:0px auto;height:260px}
#description{font-size:38px;margin:0px auto 0px auto}
#main-nav{background:none;padding:13px 0px 0px;top:0px;}
#main-nav ul li{margin:0 12px}
#main-nav ul ul li{width:185px}
#main-nav a:link{font-size:15px;}
#main-nav a:visited{}
#main-nav a:hover{color:#888}
#main-nav a:active{color:#666}
#header{min-width:900px;max-width: 1800px;margin: 0 auto;}
#header-content{width:90%;max-width:1500px}
.header-top{margin:0;position:absolute;right:0;left:0;top:0;height:0}
.hfx{height:100px}
.hfx #main-nav{top:23px;}
.hfx-before{height:86px}
#description h1{font-size:58px;margin:64px 0 35px 0}
#h-des .mon-adj{height:320px}
.page-content .mainpage{}
.left-s{float:left;width:210px}
.right-s{float:right;width:210px}
.set-posts{width:90%;margin:0 auto}
#info-section{width:80%;max-width:800px}
.latest{text-align:center;font-size:38px;margin:40px 0}
#main-content{width:1100px;margin:20px auto 60px auto;padding-bottom:25px;min-height:340px}
.post{font-size:16px;margin:0 auto 40px auto}
.footer-menu{width:800px}
#header-content{margin:25px auto;text-align:center}
#h-des{position:relative;color:#222;max-width:100%;background: #f3f3f3;}
#description{color:#222;max-width:90%;position:relative;z-index:9;text-align:center;font-size: 21px;font-weight: bold;}
@keyframes opac{
  0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes opac{
  0%{opacity:0}
100%{opacity:1}
}
.post{padding:8px 15px 0;position:relative;transition:all .3s;width: 100%;}
.post .openclose{text-align:center;position:absolute;bottom:0;width:100%;cursor:pointer;background:rgba(250,250,250,.9);font-size:24px;padding-top:5px;height:30px;color:#555;opacity:0}
.post:hover .openclose{opacity:1}
#res-nav{text-align:center;clear:both;position:relative;top:62px;min-height:120px}
.navbutton{margin:0 20px}
#info-section{margin:50px auto 0 auto;padding-bottom:60px;color:#504F4F}
.post-date{margin:4px 0;font-size:13px;font-family:arial;color:#888;font-weight:bold}
.indexdate{font-size:17px}
.post h2{margin:8px 0 20px;font-size:30px}
.post h2 a:link{color:#474747}
.post h2 a:visited{color:#8c8c8c}
.post h2 a:hover{color:#444}
.more-info{background:rgba(197, 173, 0, 0.3);height:480px}
.content-text{text-align:justify}
.page-content h1{margin-top:0}
#main-nav a:link{transition:all .2s;text-align:left;text-transform: uppercase;}
#main-nav a:visited{}
#main-nav a:hover{transition:all .1s}
#main-nav a:active{transition:none}
.clear{height:10px;clear:both}
.footer{width:100%;padding:20px 0;text-align:center}
.footer-menu{margin:0 auto;text-align:center}
.footer a:link{color:#5a5a5a;margin:0 5px}
.footer a:visited{color:#5a5a5a;margin:0 5px}
.footer a:hover{color:#959595}
.next{position:relative;right:-70px;transition:all .2s;font-size:32px}
.sec_des{margin:0 auto;text-align:center;height:auto;width:90%;position:relative;text-align:center}
.ch-tag{color:#444;font-size:13px;padding:3px 6px;cursor:pointer}
.picon{margin:0 auto;border-radius:0;background-size:100%;color:#fbfbfb}
.hfx{position:fixed;width:100%;transition:all .5s;opacity:.95;padding-top:0;}
.hfx-before{position:static}
.opacmenu{opacity:1;transition:all .4s}
.sec-des-con{margin:0 auto;padding:2px 10px;display:table}
/* Sub menu */
#main-nav ul{list-style:none;position:relative;padding:0;margin:0 auto}
#main-nav ul a{display:block}
#main-nav li{list-style:none;padding:0}
#main-nav ul li{position:relative}
#main-nav ul li:hover{}
#main-nav ul ul{display:none}
#main-nav ul ul li{float:none;margin:0}
#main-nav ul li ul li:hover{padding:0}
#main-nav ul li ul li a:link{padding:12px 16px;margin:0;background:#f4f4f4;}
#main-nav ul li ul li a:hover{padding:12px 16px;background:#eee;color:#000}
/* standard header */
.header-top{background:#2F2F2F}
.stlinkcon{text-align:center}
a.stlink:link{color:#5385bd;text-decoration:none;font-size:27px;text-align:center}
a.stlink:visited{color:#03c}
a.stlink:hover{color:#09f}
a.stlink:active{color:#5385bd}
footer .stlinkcon{display:inline}
footer a.stlink:link{color:#555;font-size:18px}
footer a.stlink:visited{color:#555}
footer a.stlink:hover{color:#888}
footer a.stlink:active{color:#555}
.hfx{background:#FBFBFB;box-shadow: 0 2px 9px -3px #ccc;}
.latest{font-weight:bold}
.page-content .tags{margin:12px 0 5px;font-size:18px}
.page-content .category{font-size:18px}
.page-content .signicon{margin:70px auto;font-size:16px;width:100%;text-align:justify}
.page-content .signicon img{width:70px;margin:45px 16px;float:left}
.page-content .signicon span{display:block;font-size:22px;margin:0 0 12px 0}
.space{height:100px}
.monmore{float:right;padding:15px;margin-top:20px;background:#333;color:#f4f4f4;font-size:12px}