Trang chủ Diễn đàn » About FMCodes » Dứt luôn nè » 


You are not connected. Please login or register

 » About FMCodes » Dứt luôn nè » đang test css

đang test css

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1đang test css Empty đang test css Sat Nov 07, 2020 1:47 pm

Admin

Admin
Admin

Code:
/* pin */
.pun {
    width: 896px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 6px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 6px;
    box-shadow: rgba(0,0,0,0.1) 0px 1px 6px;
    margin-right: 13.5%;
    padding: 0px;
    color: #424040;
}
body {
  background: #eee url(https://i.imgur.com/eRGL4P9.png) repeat;
  color: #5a5a5a;
  font-family: Lato,tahoma,helvetica,arial,sans-serif;
  font-size: 11px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0 auto!important;
  max-width: 1600px;
  min-width: 980px;
  position: relative;
  width: 980px;
}
a{color:#333;text-decoration:none!important}
a:hover{color:#111}
#onlinelist{background:#fff;border:0;border-top:none}
#onlinechat{background:#fff;border-top:none}
#statistics-change{color:#727272!important;float:left;font-family:Lato;font-size:0;font-weight:400}
.users-online{color:#727272!important;font-family:Lato;font-weight:400;width:300px}
#statistics-change strong{font-size:11px!important;margin-right:3px}
#avatar img{margin:4px -6px 0;max-height:28px;max-width:28px;padding:0;position:relative;top:1px;vertical-align:top}
#user_navigation{color:#5f5f5f;float:right;font-family:Lato,sans-serif;font-size:12px;line-height:36px;margin:18px 15% 0 0}
#user_navigation a{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#5f5f5f;float:left;height:36px;line-height:36px;outline:none;padding:0 12px;text-decoration:none}
#user_navigation a:hover{background:rgba(255,255,255,0.8)}
#user_navigation .ipsList_inline li{float:left;margin:0;padding:0}
.ipsList_inline>li{display:inline-block}
#inbox_link img{background-image:url(https://i.imgur.com/6REF008.png);background-position:0 0;background-repeat:no-repeat;height:20px;margin-top:-2px;width:20px}
/* header */
#pun-announcement,
#pun-visit {
  display:none;
}

.top-logo {
  height:75px;
  padding-left:20%;
}

a.logo {
  color:#5f5f5f !important;
  display:block;
  float:left;
  font-family:Lato,sans-serif;
  font-size:35px;
  font-weight:300;
  height:75px;
  line-height:75px;
  padding:0 12px;
  text-decoration:none;
  text-shadow:#fff 0 1px 0 !important;
}

#search {
  border-left:1px solid #D5D5D5;
  float:left;
  height:50px;
  margin-left:13px;
  padding:25px 0 0 25px;
}

#search_wrap:hover {
  border-color:#ACABAB;
}

#search_wrap {
  -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #c7c7c7;
  box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);
  display:block;
  float:left;
  height:26px;
  line-height:25px;
  min-width:270px;
  padding:0 26px 0 4px;
  position:relative;
}

#main_search {
  background:transparent;
  border:0;
  color:#8B8989;
  font-size:12px;
  outline:0;
  padding:5px;
  width:160px;
}

#search_options {
  background:#f5f5f5;
  border-left:1px solid #eaeaea;
  display:inline-block;
  float:right;
  font-size:11px;
  height:26px;
  line-height:26px;
  margin:0;
  max-width:80px;
  overflow:hidden;
  padding:0 6px;
  text-overflow:ellipsis;
  text-shadow:#fff 0 1px 0;
}

#search .submit_input {
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  background:#3677e0 url(https://2img.net/h/oi62.tinypic.com/jhzvbp.png) no-repeat 50%;
  border:1px solid #2966c9;
  bottom:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
  display:block;
  height:26px;
  padding:0;
  position:absolute;
  right:0;
  text-indent:-3000em;
  top:0;
  width:26px;
}

#adv_search {
  background:url(https://2img.net/h/oi57.tinypic.com/2zjatl0.png) no-repeat right 50%;
  display:inline-block;
  height:28px;
  margin-left:-3px;
  text-indent:-3000em;
  width:28px;
}

fieldset,
img {
  border:0;
}

.hide {
  display:none;
}

user agent stylesheetlabel {
  cursor:default;
}

.attach {
  float:right;
}

.login {
  float:right;
  margin-right:13%;
  margin-top:2%;
}

.login a {
  color:#6D6C6C;
  font-size:11px;
  padding-right:5px;
  text-decoration:none;
}

.register {
  vertical-align:top;
}

.signin {
  vertical-align:top;
}

.box-hover {
  display:inline-block;
  padding-right:10px;
}
#statistics {
  background:none;
  display:table;
  font-size:11px;
  margin-bottom:-10px;
  margin-top:-40px;
  text-align:center !important;
}

#statistics a {
  color:#222 !important;
}

.statHide {
  display:none !important;
}

.statsPers li span a {
  text-decoration:none !important;
}

.statsPers li > span {
  -moz-border-radius:2px;
  -moz-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;
  -webkit-border-radius:2px;
  -webkit-box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;
  background:#E2E2E2;
  border-radius:2px;
  box-shadow:inset rgba(0,0,0,0.3) 0 1px 2px,rgba(255,255,255,1) 0 1px 0;
  color:#222;
  display:inline-block;
  margin-right:3px;
  padding:2px 6px;
}

.statsPers li {
  color:#666;
  float:left;
  margin:2px 10px;
}

.statsPers {
  display:block;
  list-style:none;
  margin:0 auto;
  width:100%;
}

#primary_nav {
  margin-left:-85px;
  margin-top:5px;
  overflow:hidden;
  position:absolute;
  width:85px;
}

#community_app_menu>li {
  display:block;
  float:none;
  margin:0;
  position:relative;
}

#community_app_menu>li>a {
  -moz-border-radius:3px 0 0 3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-top-left-radius:3px;
  border-radius:3px 0 0 3px;
  color:#909090;
  display:block;
  font-family:Lato;
  margin-bottom:1px;
  outline:none;
  padding:10px 0;
  text-align:center;
  text-decoration:none;
  text-shadow:#fff 0 1px 0;
}

#community_app_menu>li>a.menu_active,
#community_app_menu>li>a:hover {
  background:rgba(0,0,0,0.03);
  color:#555;
}

#community_app_menu>li.active {
  position:relative;
}

#community_app_menu>li.active>a {
  -moz-box-shadow:rgba(0,0,0,0.06) 0 1px 6px;
  -webkit-box-shadow:rgba(0,0,0,0.06) 0 1px 6px;
  background:#fff;
  border:1px solid #ddd;
  border-right:0;
  box-shadow:rgba(0,0,0,0.06) 0 1px 6px;
  color:#3677e0;
  position:relative;
  text-shadow:none;
}

#community_app_menu a:before {
  background:url(http://www.ipbfocus.com/skindemo/public/style_images/concise34x/nav_icon.png) no-repeat 50% 50%;
  content:"";
  display:block;
  height:32px;
  margin:0 auto 8px;
  width:32px;
}

#community_app_menu #nav_home a:before {
  background-image:url(https://2img.net/h/oi62.tinypic.com/20u8ktt.png);
}

#community_app_menu #nav_app_forums a:before {
  background-image:url(https://2img.net/h/oi61.tinypic.com/2hxnifa.png);
}

#community_app_menu #nav_app_members a:before {
  background-image:url(https://2img.net/h/oi60.tinypic.com/2q21tvl.png);
}

#community_app_menu #nav_app_profile a:before {
  background-image:url(https://2img.net/h/oi60.tinypic.com/2vc96pk.png);
}

#community_app_menu #nav_app_mailbox a:before {
  background-image:url(https://2img.net/h/oi60.tinypic.com/19rt6s.png);
}

#primary_nav .active:after,
#primary_nav .active:before {
  background:url(https://2img.net/h/oi58.tinypic.com/117r72w.png) no-repeat 0 0;
  content:"";
  height:3px;
  position:absolute;
  right:0;
  top:-2px;
  width:3px;
  z-index:2;
}

#primary_nav .active:after {
  background-position:0 -3px;
  bottom:-2px;
  top:auto;
}

#primary_nav a.ipbmenu img {
  margin-right:-6px;
}

.guestMessage {
  -moz-border-radius:3px;
  -moz-box-shadow:inset #d49934 0 1px 4px;
  -webkit-border-radius:3px;
  -webkit-box-shadow:inset #d49934 0 1px 4px;
  background:#f9d79b;
  border:1px solid #d4a24a;
  border-radius:3px;
  box-shadow:inset #d49934 0 1px 4px;
  color:#b85f1d;
  font-family:Lato;
  font-size:13px;
  line-height:170%;
  margin-bottom:10px;
  padding:1em;
}

.guestMessage a {
  border-bottom:1px solid #d48041;
  color:#b85f1d;
  text-decoration:none;
}
#onlinelist {
  background:#fff;
  border:0;
  border-top:none;
}

#onlinechat {
  background:#fff;
  border-top:none;
}

#statistics-change {
  color:#727272 !important;
  float:left;
  font-family:Lato;
  font-size:0;
  font-weight:400;
}

.users-online {
  color:#727272 !important;
  font-family:Lato;
  font-weight:400;
  width:300px;
}

#statistics-change strong {
  font-size:11px !important;
  margin-right:3px;
}

#avatar img {
  margin:4px -6px 0;
  max-height:28px;
  max-width:28px;
  padding:0;
  position:relative;
  top:1px;
  vertical-align:top;
}

#user_navigation {
  color:#5f5f5f;
  float:right;
  font-family:Lato,sans-serif;
  font-size:12px;
  line-height:36px;
  margin:18px 15% 0 0;
}

#user_navigation a {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#5f5f5f;
  float:left;
  height:36px;
  line-height:36px;
  outline:none;
  padding:0 12px;
  text-decoration:none;
}

#user_navigation a:hover {
  background:rgba(255,255,255,0.8);
}

#user_navigation .ipsList_inline li {
  float:left;
  margin:0;
  padding:0;
}

.ipsList_inline>li {
  display:inline-block;
}

#inbox_link img {
  background-image:url(https://i.imgur.com/6REF008.png);
  background-position:0 0;
  background-repeat:no-repeat;
  height:20px;
  margin-top:-2px;
  width:20px;
}
/* footer */
#backtotop,#bottomScroll{-moz-border-radius:16px;-moz-box-shadow:inset rgba(0,0,0,0.7) 0 1px 3px;-webkit-border-radius:16px;-webkit-box-shadow:inset rgba(0,0,0,0.7) 0 1px 3px;background:#bdbdbd;border-radius:16px;box-shadow:inset rgba(0,0,0,0.7) 0 1px 3px;display:inline-block;height:24px;left:50%;line-height:20px;margin-left:30px;margin-top:0;opacity:.4;outline:0;padding:0;position:absolute;text-align:center;top:50%;width:24px}
#backtotop:hover,#bottomScroll:hover{background:#8a8a8a;color:#fff;opacity:1}
#footer_utilities{font-size:11px;padding:10px 8px 10px 94px;position:relative;text-shadow:#fff 0 1px 0}
#footer_utilities,#footer_utilities a{color:#848484}
#footer_utilities .ipbmenu_content a{color:#333}
#footer_utilities .ipsList_inline{clear:left;float:left;margin-top:3px}
#footer_utilities .ipsList_inline>li{display:inline-block;font-size:11px;margin:0 3px}
#footer_utilities .ipsList_inline>li>a{display:inline-block;margin-right:0;padding:4px 10px}
#footer_utilities a.menu_active{-moz-border-radius:10px;-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;-webkit-border-radius:10px;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;background:rgba(0,0,0,0.3);border-radius:10px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5),rgba(255,255,255,0.16) 0 1px 0,rgba(255,255,255,0.05) 0 0 0 1px;color:#fff;text-shadow:rgba(0,0,0,0.3) 0 -1px 0}
#copyright{float:right;line-height:22px;text-align:right}
#ipsDebug_footer{color:#404040;font-size:11px;margin:8px auto 0;text-align:center;width:900px}
#ipsDebug_footer strong{margin-left:20px}
#ipsDebug_footer a{color:#404040}
#backtotop img,#bottomScroll img{padding:5px}
#pun-foot {
 display:none;
}



.topic-author {
  border-bottom: 1px solid #eaeaea;
  background: #f6f6f6;
  text-shadow: #fff 0px 1px 0px;
  float: none;
  width: auto;
  text-align: left;
  position: relative;
  padding: 10px;
}
.author-img {
  display: inline-block;
}
.author-img img {
  width: 94px;
  height: 94px;
  opacity: 0.8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
  -webkit-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
  -moz-box-shadow: inset rgba(0,0,0,0.2) 0px 1px 5px, inset rgba(0,0,0,0.08) 0px 0px 0px 1px;
}
.author-img img:hover {
  opacity: 1;
}
.author-info {
  display: inline-block;
  position: absolute;
  margin-top: 5px;

  font-family: "Lato";
  margin-left: 10px;
}

.topic-author h4.username a {
  font-size: 24px;
  font-weight: bold;
  font-family: "Lato";
  text-decoration: none;
}

.author-stats {
  display: inline-block;
  font-family: "Lato";
  font-size: 11px;
  color: #a4a4a4;
  margin-left: 65%;
  position: absolute;
}
.pun .postmain {
  margin: 0 !important;
  border-left:none;
}
.postfoot {
  margin-left: 0 !important;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #eaeaea;
  margin-top: 30px;
}
.postfoot img {
  opacity: 0.5;
}
.postfoot img:hover {
  opacity: 1;
}
div#pun-qpost.main {
  margin: 0 !important;
  color: #5f5f5f;
  font-family: "Lato";
}
.pun .entry-content {
  color: #5a5a5a !important;
  font-family: "Lato";
  font-size: 13px;
}
.post-stats {
  color: #cfcfcf !important;
  font-family: "Lato";
  font-size: 11px;
  margin-left: 15px;
  margin-top: 10px;
  position: absolute;
display:none;
}

.editted-message {
  display: none;
}
.pun .paging b, .pagination b, .pagination span strong {
  border-image: initial;
  border-radius: 3px;
  color: white!important;
  font-size: 12px;
  font-weight: 400!important;
  margin-left: -1px!important;
  padding: 5px 5px!important;
  visibility: visible;
  background: #3677e0;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 5px;
}
.paging a , .paging input, .pagination input {
  border-image: initial;
  border-radius: 3px;
  font-size: 12px!important;
  margin: 2px;
  padding: 5px 5px!important;
  text-shadow: 0 1px 0 white;
  visibility: visible;
  color: #999 !important;
  display: inline-block;
  display: inline-block;
  padding: 1px 4px;
  text-decoration: none;
}
a[href="javascript:Pagination();"] {
  display: none;
}
.pun .paging {
  font-size: 0;
}
.pun .paging a {
  background: #efefef;
}
.pun .paging a:hover {
  background: #e6e6e6;
  color: #747474;
}
.page-number {
  color: #747474;
  font-weight: 300;
  font-size: 12px;
  margin-right: 10px;
    -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #efefef;
  border-radius: 3px;
  color: #747474;
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  padding: 6px 6px;



}
.page-number strong {
  font-weight: 300 !important;
}
.titlebox {
  background:#f9f9f9;
  border:1px solid #e6e6e6;
  text-shadow:#fff 0px 1px 0px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow:inset rgba(0,0,0,0.05) 0px 1px 4px;
  -moz-box-shadow:inset rgba(0,0,0,0.05) 0px 1px 4px;
  box-shadow:inset rgba(0,0,0,0.05) 0px 1px 4px;
  padding:10px;
  overflow:hidden;
}
.titlebox dd {
  display:block;
}
.titlebox dava {
  float:left;
}
.titlebox dava a img {
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);
  background:#fff;
  border:1px solid #D5D5D5;
  box-shadow:0 2px 2px rgba(0,0,0,0.1);
  float:left;
  height:50px!important;
  padding:1px;
  width:50px!important
}
.titlebox dava a img:hover {
  -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
  border-color:#A1A1A1;
  box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.ipsBox_withphoto {
  margin-left: 65px;
}
.ipsType_pagetitle {
  font: 300 26px/1.4 Helvetica,Arial,sans-serif;
}
.desc.lighter, .desc.lighter.blend_links a {
  color: #a4a4a4 !important;
}
.padding-box {
  padding: 0px 10px 0px 10px;
}
.ipsBadge {
  display: inline;
}
.pun .main-head .h2, a.exthelp {
  color: #747474 !important;
}
a.exthelp {
  background-image: none !important;
}
.main .main-foot {
  background-color: #fff !important;
}
.subtitle {
  display: none;}

https://grv-qng.forumvi.com

Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

 » About FMCodes » Dứt luôn nè » đang test css

Permissions in this forum:
Bạn không có quyền trả lời bài viết