demo:http://quanmap17.forumvi.com/
cSs
cSs
- Code:
.pun {
background: #FFF;
margin: 20px auto 25px;
position: relative;
-moz-box-shadow: inset 0 0 2px #FFF, 0 0 5px #cacaca;
-webkit-box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
padding: 20px 24px;
width: 997px;
}
body {
background-image: url(http://uperdownload.com/wp-content/themes/sahifa/images/patterns/body-bg15.png);
background-position: top center;
}
header {
background: #FFF;
margin: 20px auto 25px;
position: relative;
width: 1045px;
-moz-box-shadow: inset 0 0 2px #FFF, 0 0 5px #cacaca;
-webkit-box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
box-shadow: inset 0 0 2px white, 0 0 5px #CACACA;
}
.top-nav {
background: #fbfbfb;
border-top: 3px solid #37b8eb;
border-bottom: 1px solid #ececec;
height: 30px;
}
.today-date {
float: left;
padding: 4px 10px;
background: #ddd;
font-size: 11px;
color: #333;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin: 4px 10px 0 5px;
}
.top-nav ul {
float: left;
}
.top-nav ul li {
position: relative;
display: inline-block;
float: left;
border-right: 1px solid #F2F2F2;
}
.top-nav ul li a {
display: inline-block;
height: 30px;
line-height: 30px;
color: #838383;
padding: 0 8px;
text-shadow: 0 1px 1px #FFF;
}
#top-menu-mob, #main-menu-mob {
display: none;
}
.search-block {
height: 30px;
overflow: hidden;
float: right;
margin-left: 5px;
}
.search-block .search-button {
background: #37b8eb url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/search-button.png) no-repeat center;
cursor: pointer;
float: right;
height: 30px;
width: 30px;
text-indent: -999999px;
display: block;
border: 0 none;
}
.search-block #s {
background: #FFF;
float: right;
font: normal 11px tahoma;
padding: 9px 12px 8px 12px;
width: 90px;
color: #C5C5C5;
border: 0 none;
border-left: 1px solid #ececec;
-o-transition: width .7s , color .4s;
-webkit-transition: width .7s , color .4s;
-moz-transition: width .7s , color .4s;
transition: width .7s , color .4s;
}
.header-content {
padding: 20px 15px;
}
.logo {
float: left;
}
.logo h1, .logo h2 {
font: bold 32pt arial;
}
a {
color: #444;
text-decoration: none;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}
#main-nav {
margin: 0 auto;
background: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/main-menu-bg.png) repeat-x bottom;
height: 52px;
border-bottom: 5px solid #37b8eb;
}
#main-nav .main-menu {
margin-left: 10px;
}
#main-nav ul li.current-menu-item, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor {
margin-top: 0;
height: 52px;
border-left: 0 none !important;
}
#main-nav ul li.menu-item-home.current-menu-item a {
background-position: center 8px;
}
#top-menu-mob, #main-menu-mob {
display: none;
}
option {
padding: 0 4px;
}
a.random-article {
background: #494949 url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/random.png) no-repeat center;
width: 42px;
height: 47px;
display: block;
float: right;
text-indent: -99999px;
margin: 5px 0 0 10px;
}
#main-nav ul li.current-menu-item, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor {
margin-top: 0;
height: 52px;
border-left: 0 none !important;
}
#main-nav ul li.menu-item-home.current-menu-item a {
background-position: center 8px;
}
#main-nav ul li {
font-size: 13px;
position: relative;
display: inline-block;
float: left;
border: 1px solid #222222;
border-width: 0 0 0 1px;
height: 47px;
margin-top: 5px;
}
#main-nav ul li a {
display: inline-block;
height: 47px;
line-height: 47px;
color: #ddd;
padding: 0 10px;
text-shadow: 0 1px 1px #000;
border-left: 1px solid #383838;
}
#main-nav ul ul {
display: none;
padding: 0;
position: absolute;
top: 42px;
width: 180px;
z-index: 999;
float: left;
background: #2d2d2d !important;
-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#main-nav ul ul li, #main-nav ul ul li:first-child {
background: none !important;
z-index: 999;
min-width: 180px;
border: 0 none;
border-bottom: 1px solid #222;
border-top: 1px solid #383838;
font-size: 12px;
height: auto;
margin: 0;
}
#main-nav ul.sub-menu a, #main-nav ul ul li.current-menu-item a, #main-nav ul ul li.current-menu-parent a, #main-nav ul ul li.current-page-ancestor a {
border: 0 none;
background: none !important;
height: auto !important;
line-height: 1em;
padding: 10px 10px;
width: 160px;
display: block !important;
margin-right: 0 !important;
z-index: 999;
color: #ccc !important;
text-shadow: 0 1px 1px #000 !important;
}
#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover {
background: #37b8eb;
text-shadow: 0 1px 1px #000;
color: #FFF;
height: 52px;
line-height: 52px;
border-left: 0 none !important;
}
#main-nav ul ul li:hover > a, #main-nav ul ul :hover > a {
color: #FFF !important;
padding-left: 15px !important;
padding-right: 5px !important;
}
#main-nav ul li:first-child, #main-nav ul li:first-child a {
border: 0 none;
}
#main-nav ul li:hover > ul {
display: block;
}
#main-nav ul li.menu-item-home a {
background-image: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/home.png) !important;
background-repeat: no-repeat !important;
background-position: center -47px;
text-indent: -9999px;
height: 52px;
width: 35px;
}
#main-nav ul ul {
display: none;
padding: 0;
position: absolute;
top: 42px;
width: 180px;
z-index: 999;
float: left;
background: #2d2d2d !important;
-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#main-nav ul ul li:hover > a, #main-nav ul ul :hover > a {
color: #FFF !important;
padding-left: 15px !important;
padding-right: 5px !important;
}
#main-nav ul ul li:first-child, #main-nav ul li.current-menu-item ul li:first-child, #main-nav ul li.current-menu-parent ul li:first-child, #main-nav ul li.current-page-ancestor ul li:first-child {
border-top: 0 none !important;
}
.widget {
clear: both;
margin-bottom: 25px;
}
.widget-top {
padding: 5px 0;
}
.widget-top h4 {
float: left;
margin-right: 10px;
font-size: 20px;
font-family: BebasNeueRegular,arial,Georgia, serif;
}
.stripe-line {
background: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/stripe.png);
height: 12px;
overflow: hidden;
margin-top: 5px;
}
.form-submit #submit, #login-form .login-button, .widget-feedburner .feedburner-subscribe {
border: 1px solid #D9D9D9;
background: #FBFBFB;
background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE ));
background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%);
background: linear-gradient(top,#FBFBFB 0,#EEE 100%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);
color: black;
text-shadow: 0 1px 0 white;
height: 30px;
line-height: 30px;
width: auto;
font-size: 13px;
padding: 0 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background .40s;
-moz-transition: background .40s;
-o-transition: background .40s;
transition: background .40s;
position: relative;
}
.cat-box-content, #sidebar .widget-container, .post-listing {
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #b5b5b5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #b5b5b5;
border: 1px solid #DDD;
border-bottom: 4px solid #F88C00;
}
#login-form {
padding: 11px 11px 0;
}
#login-form p {
padding-bottom: 0;
}
#login-form #log, #login-form #pwd, .widget-feedburner .feedburner-email {
border-color: #F1F1F1;
border-top-color: #DDD;
border-left-color: #DDD;
background: #F9F9F9;
color: #515151;
font: 12px Tahoma;
padding: 4px 7px;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
width: 200px;
height: 24px;
}
#login-form p {
padding-bottom: 0;
}
ul.login-links {
margin-top: 15px;
}
#main-nav, .cat-box-content, #sidebar .widget-container, .post-listing {
border-bottom-color: #37b8eb;
}
.widget-container li {
background: url(http://www.blogcongnghe.vn/wp-content/themes/sahifa/images/sidebar-bullet.png) no-repeat left 8px;
padding: 0 0 5px 12px;
line-height: 18px;
overflow: hidden;
}
a {
color: #444;
text-decoration: none;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition:
}
.widget-container {
background: white;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #b5b5b5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #b5b5b5;
border: 1px solid #DDD;
border-bottom: 4px solid #37b8eb;
}
::selection {
background: #F9A386;
color: #fff;
text-shadow: none;
}
footer {
color: #ddd;
background: #333;
text-shadow: 0 0 1px #000;
padding: 20px 0;
border-bottom: 1px solid #222;
border-top: 8px solid #37b8eb;
margin-top: 20px;
-webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
}
#general-stats{
width: 100%;
text-shadow: 1px 1px 0 white;
background: #f5f5f5;
-moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
-webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
box-shadow: 0px 0px 7px 0px #dcdcdc;
border: 1px solid white;}
#statistics{
vertical-align: top;
padding-bottom: 15px;
border-left: 1px solid white;
width: 100%;
float: right;}
#statistics .stats-title{background: #e3e3e3;}
.stats-content{
border-top: 1px solid #d9d9d9;
padding: 15px;}
#online{
vertical-align: top;
border-right: 2px solid #d2d2d2;
background: #eaeaea;
width: 60%;}
#online .on-title{background: #f3f3f3;}
#online .on-title, #statistics .stats-title{
height: 70px;
padding 0 0 0 20px;
text-transform: uppercase;
font-size: 30px;
border-bottom: 1px solid white;}
#online .on-title a, #statistics .stats-title a{
font-family: Century Gothic !important;
bottom: -23px;
position: relative;
left: 20px;}
.online-content{
border-top: 1px solid #d9d9d9;
padding: 15px;}
#legend{margin: 25px 0;}
.groups{
background: url(http://i36.servimg.com/u/f36/11/96/49/61/custom10.png) no-repeat left;
padding: 5px 0 5px 18px;
float: right;
margin-top: -22px;}
.module {
text-shadow: 1px 1px 0 white;
background: #f5f5f5;
-moz-box-shadow: 0px 0px 7px 0px #dcdcdc;
-webkit-box-shadow: 0px 0px 7px 0px #dcdcdc;
box-shadow: 0px 0px 7px 0px #ababab;
border: 1px solid white;}
.module .main-head{
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #333 !important;
background: #EAEAEA;
border-bottom: 1px solid white;}
.module .main-head div, .portal .module .main-head h1, .portal .module .main-head h2, .portal .module .main-head h3, .portal .module .main-head h4{
color: #333 !important;}
.module .main-content{
background: #f5f5f5;
border-top: 1px solid #D9D9D9;}
.portal .module.mod_news{
margin: 0 !important;
-moz-box-shadow: 0;
-webkit-box-shadow: 0;
box-shadow: 0;
border: 0;}
.portal .module {
margin: 10px !important;}
#footer{
width: 100%;
min-width: 900px;
color: white;
height: 280px;
background: #0c0d0d url(http://i36.servimg.com/u/f36/11/96/49/61/footer15.png) repeat-x;}
#footer ul{list-style-type: none;}
#footer a{color: white;}
#footer h1{
font-weight: normal;
margin-bottom: 20px;
font-family: 'Lobster';
font-size: 24px;
border-bottom: 3px dotted white;
padding-bottom: 5px;}
#footer h1 img{
margin: 0 0 3px 0 !important;
vertical-align: middle;
height: 25px;}
#back-top{
text-align: center;
margin-bottom: 8px;
position: relative;
top: -12px;}
#f-content{
float: center;
margin: 0 auto;}
#f-content fieldset.frm-set dl dd, #f-content fieldset.frm-set dl dt {padding: .3em;}
#f-content #username, #f-content #password{
color: #333333;
text-shadow: 1px 1px 0 white;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/input10.png);
width: 149px;
height: 39px;
border: 0;
padding: 0 0 0 20px;}
input:-webkit-autofill, input:-webkit-autofill, input-moz-autofill, input:-moz-autofill, input:-autofill, input:-autofill {
background: none !important;}
#f-content .button1{
cursor: pointer;
font-weight: normal !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: white;
text-align: center;
border: 0 !important;
text-shadow: 0 1px 5px black;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/login10.png);
width: 53px;
height: 25px;
padding-bottom: 2px;
-webkit-box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
box-shadow: 0 0 0;}
#f-content dd.login{
margin-top: -40px;
margin-left: 110px;}
ul#social{
margin-left: 25px;
margin-right: 25px;
text-shadow: 1px 1px 0 black;
font-weight: bold;
font-size: 15px;
float: left;}
ul#social li{
margin-bottom: 10px;}
ul#social img{
-ms-interpolation-mode: bicubic;
margin-right: 10px;
margin-bottom: 3px;
vertical-align: middle;
height:25px;}
#connect{
margin-left: 25px;
margin-right: 25px;
float: left;}
#user-panel #avatar{margin-right: 5px;}
#site-links{
text-align: center;
margin-left: 25px;
margin-right: 25px;
float: left;}
#site-links li{margin-bottom: 3px;}
#site-links li a {
font-size: 16px;}
#other{
float: left;
margin-left: 25px;
margin-right: 25px;}
.user a span::before {
content: url(http://i.imm.io/TesQ.png);
padding-right: 2px;
height: 15px;
width: 15px;
padding: 2px;
border: px solid #;
padding-top: 10px;
margin-right: 5px;
}
/*Titulo del Chat*/
h2.chatbox-title:after, h3.chatbox-title:after, #chatbox_header .cattitle:after {
content:"-XtremeGamer";
}
.user-basic-info a img {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 50px;
padding: 5px;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.user-basic-info a img:hover {
border-radius: 0;
}
/*informacion del usuario*/
.perfilInfo {
background: url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0%;
float: left;
height: 14em;
left: -28em;
padding: 16px 0px 38px 5px;
top: 13px;
width: 370px;
z-index: 999;
}
.linkPrf {
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
background: rgb(78, 82, 70);
border: 1px solid #DBDBDB;
border-radius: 0 0 4px 4px;
bottom: -14px;
border-top:none;
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 1px 0 rgba(0, 0, 0, 0.3);
color: #616161;
float: left;
height: 14px;
left: 13.8em;
margin: 2px;
padding: 5px;
text-align: center;
text-decoration: none!important;
transition: all .2s ease-in-out;
width: 8em;
}
.linkPrf:hover{color: #4C4C4C;
border-color: #9A9A9A;}
.linkPrf:hover a{color: #4C4C4C;}
.linkPrf a{color: black !important; font:normal 12px; text-decoration:none;}
.setPerfil {
background: rgba(0, 0, 0, 0.3);
display: block;
height: 100%;
padding: 5px;
padding-bottom: 10px;
border-radius: 3px;
}
.setPerfil > span {
background: rgb(223, 193, 75);
border-radius: 3px;
display: block;
height: 100%;
padding: 3px;
}
.setPerfil .PerfilInfoImg {
width: 80px;
margin: 8px 9px;
height: 80px;
float: left;
border-radius: 3px;
display: table;
background: rgb(78, 82, 70);
padding: 8px;
box-shadow: 1px 2px 1px rgb(56, 141, 134);
}
.setPerfil .PerfilInfoImg:hover {
border-radius: 3px;
display: table;
background: rgb(112, 102, 60);
}
.setPerfil p div{
display: inline;
color: white;
float: right;
}
.setPerfil h2 {
float: right;
font: bold 19px "Trebuchet MS";
display: block;
width: 190px;
padding: 1px;
text-shadow: 2px 2px 0 rgb(0, 0, 0);
margin-bottom: 5px;
color: yellowgreen;
}
.setPerfil p {
margin: 1px 8px;
float: right;
display: block;
background: rgb(112, 102, 60);
width: 208px;
text-align: left;
color: black;
padding: 4px;
box-shadow: 2px 1px 0 rgb(17, 17, 17);
font-weight: normal;
border-left: 3px solid #333;
border-top: 1px solid #333;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.setPerfil p:hover {
box-shadow: 1px 1px 0 #9A9A9A;
background: rgb(90, 83, 83);
}
.popmenubutton a {
/*display: block;
*/
padding: 2px 16px 2px 8px;
background-image: url('http://2img.net/i/fa/invision/menu_action_down.gif');
background-position: 98% 50%;
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
text-align: center;
white-space: nowrap;
text-decoration: none;
}
.popupmenu {
list-style: none;
min-width: 200px;
width:220px;
font-size: 11px;
}
.member .popupmenu {
position: absolute;
z-index: 999;
}
.popupmenu .avatar {
float: right;
margin: 5px;
width: 50px;
height: 50px;
background: url('http://2img.net/i/fa/invision/pp-blank-thumb-50px.png') no-repeat;
}
.popupmenu .avatar img {
display: block;
width: 50px;
height: 50px;
}
.popupmenu ul {
padding: 0.3em;
list-style: none;
}
.popupmenu li {
display: block;
padding: 0.1em 0.1em;
background-image: url('http://2img.net/i/fa/invision/menu_item.gif');
background-repeat: no-repeat;
background-position: 2px 50%;
text-decoration: none;
white-space: nowrap;
font-size:11px;
}
.popupmenu li a {
text-decoration: none;
}
.popup {
margin: 0.5em;
}
.popup .popup-msg {
margin: 0.5em;
}
/*Memberlist*/
.memberlist fieldset {
padding: 1em;
}
.borderwrap.member-list {
margin-bottom: 4em;
}
.member {
float: left;
width: 22%;
margin-right: 10px;
margin-bottom: 10px;
padding: 5px;
}
.member-list .popmenubutton {
width: 100%;
height: auto;
}
* html .member span.membername {
float: left;
word-wrap: break-word !important;
}
* html .member span.membername {
float:left;
word-wrap: break-word !important;
white-space: normal;
}
.member-list .popmenubutton .mini-avatar {
display: block;
float: right;
margin: 5px;
background: url('http://2img.net/i/fa/invision/pp-blank-thumb-38px.png') no-repeat;
width: 38px;
height: 38px;
}
.member .popupmenu li {
background-image: none;
}
.member-list .popmenubutton .mini-avatar img {
width: 38px;
height: 38px;
}
.member p {
font-size: 10px;
height: 7em;
overflow: auto;
}
div.borderwrap .member-list {
padding: 5px;
border: none;
}
.popupmenu {
background-color: #fff;
border: 1px solid #d0d0d0;
}
.popupmenu .avatar {
border: 1px solid #666666;
background-color: #ffffff;
}
.popupmenu li {
background-color: #fff;
border-bottom: 1px solid #d0d0d0;
}
ul.popupmenu li.popupmenu-category {
background-color: #c4c4c4;
color: #464c55;
}
/*Memberlist*/
.member {
background-color: #fff;
border: 1px solid #979ba0;
height: 90px;
}
.member-list .popmenubutton .mini-avatar {
border: 1px solid #222222;
background-color: #fff;
}
.member p {
color: #808080;
}
div.borderwrap .member-list {
background-color: #c4c4c4;
}
.popmenubutton-new-out {
margin: 0 auto;
float: none;
padding: 0.3em 0;
}
.popmenubutton-new-out {
float: none;
width: 15em;
}
.popmenubutton-new-out a {
text-align: left;
}
.popmenubutton-new-out a {
background-color: #e4e6e9;
}
.member .popmenubutton-new-out a {
border: 1px solid #c6ccd4;
}
.popmenubutton {
margin: -1px auto;
}
.frm-info{background:#ffffe1;border:1px solid #E6E6E6;margin:1.7em;padding:1em}.main ul.frm-info{list-style-type:none}.main .frm-info li{background:url(blue.png) no-repeat top left;padding:0 0 1em 2em}
.Sname a{background-color:#FFF;border:1px solid #DDD;margin:2px;padding:1px 5px}.Sname a:active,.Sname a:hover{background-color:#2F98D9;color:#FFF}.Sname{text-align:right}
.LGnews {
border: 1px solid #AAA;
background: #EEE;
margin: 5px;
box-shadow: 0 0 10px #CCC;
-moz-box-shadow: 0 0 10px #CCC;
-webkit-box-shadow: 0 0 10px #CCC;
color: #536482;
font-size: 10px;
}
.LGnews .news_title {
margin: 0 0 5px;
background: #CCC;
padding: 5px;
color: #666;
font-size: 1.5em;
text-shadow: 0 1px white;
box-shadow: inset 0 10px 10px #DDD;
-moz-box-shadow: inset 0 10px 10px #DDD;
-webkit-box-shadow: inset 0 10px 10px #DDD;
border-bottom: 1px solid white;
}
.LGnews .news_desc, .LGnews .news_topic .news_topic_desc {
position: absolute;
background-color: #111;
color: white;
padding: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
opacity: 0.9;
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
filter: alpha(opacity=90);
max-width: 350px;
}
.LGnews .news_topic {
margin: 3px 5px;
text-shadow: 0 1px white;
}
.LGnews .news_topic .news_topic_desc {
text-shadow: none;
}
.LGnews .news_topic .news_topic_desc img {
max-height: 150px;
max-width: 250px;
}
.LGnews .news_topic_title {
display: block;
font-size: 1.1em;
font-weight: bold;
color: #105289;
}
.LGnews .news_topic_author {
display: block;
}
.LGnews .news_topic_author:before {
content: 'By ';
}
.LGnews .news_topic_time:before {
content: 'Last Post: ';
}
.logo strong {
display: none;
}
.footer-widgets-box {
float: left;
margin-right: 4%;
}
.footer-widget-top {
border-bottom: 1px solid #222;
padding: 10px 0;
}
.footer-widget-container {
padding: 10px;
border-top: 1px solid #444;
}
.footer-widget-container ul, footer .tabs-wrap ul {
border-bottom: 1px solid #444;
}
.footer-widget-container li, footer #tabbed-widget .tabs-wrap li {
padding: 6px 12px 6px 0;
line-height: 18px;
overflow: hidden;
border-bottom: 1px solid #232323 !important;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}
footer a {
color: #ccc;
}
.clear {
clear: both;
}
.footer-bottom {
background: #2e2e2e;
height: 35px;
line-height: 35px;
border-top: 1px solid #444;
color: #ccc;
}
.container {
width: 1045px;
margin: 0 auto;
}
.alignright {
float: right;
}
.footer-bottom .social-icons {
float: right;
margin: 3px 15px 0;
line-height: 0;
}
.top-nav .social-icons a, .footer-bottom .social-icons a {
filter: url(http://uperdownload.com/wp-content/themes/sahifa/css/filters.svg#grayscale);
filter: gray;
-webkit-filter: grayscale(1);
margin: 2px 1px 0 0;
}
.alignleft {
float: left;
}
tbody {
-moz-border-radius: 1px;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-border-radius: 1px;
-webkit-box-shadow: 0 1px 3px 0 rgba(181, 181, 181, 0);
background: #FFF;
border: 2px solid #37b8eb;
border-bottom: 4px solid #37b8eb;
border-radius: 1px;
box-shadow: 0 1px 3px 0 rgba(141, 54, 54, 0);
}
#topcontrol {
z-index: 2;
background: #37b8eb url(http://uperdownload.com/wp-content/themes/sahifa/images/separate.png) no-repeat center -410px;
width: 30px;
height: 30px;
text-indent: -99999px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
position: fixed;
bottom: -100px;
right: 10px;
cursor: pointer;
-webkit-transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-ms-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
overflow: auto;
}
.breaking-news {
background: #FFF;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
box-shadow: 0 1px 3px 0 #B5B5B5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
width: 1045px;
height: 32px;
margin: -5px auto 25px;
overflow: hidden;
position: relative;
}
.breaking-news span {
background: #FF0000;
display: block;
float: left;
padding: 6px 10px 3px;
color: #FFF;
font-family: BebasNeueRegular,arial,Georgia, serif;
font-size: 14pt;
}
.breaking-news ul a {
padding: 8px;
display: block;
white-space: nowrap;
}
.breaking-news ul {
float: left;
margin-top: 8px;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 8%;
}
.pun .main-content {
background-color: #fbfbfb;
border: 1px solid #37b8eb;
}
.main .main-foot, .main .main-head {
background-color: #37b8eb;
color: #dedfdf;
font-weight: 400;
padding: .7em 1.3em;
}
.pun table.table td {
background-color: #FFFFFF;
border-color: #37b8eb;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}
/*Meminfo-login-top */
.login-top {
width: 318px;
background-color: none;
height: 95px;
top: 10px;
float:right;
padding: 25px;
color: yellow;
line-height:120%;
}
.login-in-put , #id-login {
width: 100px;
border: 0;
border-radius: 3px;
margin: 3px;
margin-left: 10px;
padding: 5px;
background: white url(http://i28.servimg.com/u/f28/15/68/89/57/id966810.png) no-repeat scroll left center;
color: #000;
padding-left:18px;
border: 1px solid #ddd;
}
.login-in-put , #pw-login {
width: 100px;
border: 0;
border-radius: 3px;
margin: 3px;
margin-left: 10px;
padding: 5px;
background: white url(http://i28.servimg.com/u/f28/15/68/89/57/pass9610.png) no-repeat scroll left center;
color: #000;
padding-left:18px;
border: 1px solid #ddd;
}
#ok-login {
background-color: #00A3FF;
border: 0;
border-radius: 3px;
color: #000;
cursor: pointer;
float: right;
font-weight: 700;
height: 27px;
margin: -32px -4px 0 0;
width: 75px;
}
#ck-login {
float: right;
margin: 5px;
color: #fff;
font-size:10pt;
font-weight:bold;
}
.menuitem-login {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 2px;
font-weight: 700;
margin: 2px;
padding: 2px 3px;
text-align: left;
width: 160px;
}