Forum

You are not connected. Please login or register

HotroForumvi » Tài Nguyên Forumotion » Punbb » Skin Back (Mới)

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down Thông điệp [Trang 1 trong tổng số 1 trang]

1
Skin Back (Mới) Empty Skin Back (Mới) Sun 23 Dec - 16:31

Jon_Jon


  • Điều Hành Forum
Jon_Jon
Điều Hành Forum


CSS:




Code:
  body {
          color: #c8c8c8;
                font-size: 12px;
                padding: 10px;
                font-family: 'Verdana', 'Sans Serif', 'Trebuchet MS', 'Arial', 'Helvetica', 'Times';
          }

        body {
          font-family: 'Indie Flower', serif;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          text-shadow: none;
          text-decoration: none;
          text-transform: none;
          letter-spacing: 0em;
          word-spacing: 0em;
          line-height: 1.2;
        }

        @font-face {
                font-family: 'Indie Flower', serif;
                src: url("http://www.google.com/webfonts/family?family=Indie+Flower&subset=latin");
        }

        .pun {
          width: 900px;
          padding: 10px;
          background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
                border: 1px solid #1E1E1D;
                -webkit-box-shadow: black 0px 0px 1px;
                -moz-box-shadow: black 0px 0px 1px;
                -o-box-shadow: black 0px 0px 1px;
                box-shadow: black 0px 0px 1px;
                border-radius: 5px;
              -webkit- border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                }
        hr {
          height: 1px;
          margin: 4px;
                border: 1px solid #333;
          border-top: 1px solid #333;
          border-bottom: 1px solid #111;
          }
        a:link, a:visited {
          outline: none;
          text-decoration: none;
          }
        a:hover {
          text-decoration: none;
          }
        #pun-intro {
          border-bottom: none;
          background: transparent;
                }
        .crumbs, #pun-visit, #pun-about #qjump, ul#pun-legend, ul.pun-legend {
          display: none;
          }
        .pun .main-content, #pun-about, #pun-head #pun-navlinks, .main .main-foot, .main .main-head, .main-box, .pun .paged-foot, .pun .paged-head, .pun .postmain, .main .main-content.frm, .pun .frm-form, td.avatar-mini img, .faq dd, .postfoot, .pun .post .user {
          background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
                border: 1px solid #1E1E1D;
                -webkit-box-shadow: black 0px 0px 1px;
                -moz-box-shadow: black 0px 0px 1px;
                -o-box-shadow: black 0px 0px 1px;
                box-shadow: black 0px 0px 1px;
                border-radius: 0px;
              -webkit- border-radius: 0px;
                -moz-border-radius: 0px;
                -o-border-radius: 0px;
                margin-top: 4px;
                padding: 6px;
          }
        .pun table.table td{
                border: 1px solid #1E1E1D;
                -webkit-box-shadow: black 0px 0px 1px;
                -moz-box-shadow: black 0px 0px 1px;
                -o-box-shadow: black 0px 0px 1px;
                box-shadow: black 0px 0px 1px;
                border-radius: 0px;
              -webkit- border-radius: 0px;
                -moz-border-radius: 0px;
                -o-border-radius: 0px;
                }
        .pun .frm .frm-form table  {
          background: transparent;
                border: none;
          }
        .main .main-head .page-title {
          font-size: 18px;
          color: #F2EADA;
          }
        .main .main-foot, .main .main-head {
                padding: 10px;
          }
        #stats, #onlinelist, .pun table.table th, .pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3, .pun .main table.table td.td-title  {
          background: transparent;
                }
        #onlinelist, .frm-buttons {
                border-top: none;
                }
        .pun .posthead {
                border: none;
                border-bottom: 1px solid #1E1E1D;
          background: transparent;
                }
        fieldset.frm-set.multi {
                border-bottom: none;
                }
        .pun .postmain {
                border-left: 1px solid #1E1E1D;
                }
        .pun .post {
                border: none;
                }
        .pun table.table th {
                color: #c8c8c8;
                }
        .pun table .tdtopics .status {
                margin-left: -50px;
                }
        .pun .post .user {
        margin-left: -178px;
        margin-top: -35px;
        }
        .postfoot {
                margin-left: 0px;
                padding: 10px;
                }
        input[type="submit"],input[type="reset"], button.button2, input.button2,  input[type="button"], .main-content.standalone .button {
        cursor: pointer;
      width: auto;
      display: inline-block;
      padding: 4px 5px;
      border: 1px solid #AAA;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      font-weight: bold;
      color: #717780;
      line-height: 16px;
      text-decoration: none !important;
      background: WHITE;

                }

        input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button.button2:hover, input.button2:hover, .main-content.standalone .button:hover{
                color: #717780;
                border:1px solid #ccc;
                }
        input[type="submit"]:active,input[type="reset"]:active, button.button2:active, input.button2:active, input[type="button"]:active, .main-content.standalone .button:active{
                border:1px inset #ccc;
                }
        input[name="post"], input[name="preview"], input[name="draft"]{
                padding:5px !important;
                }
        input[type="text"], #text_editor_textarea.quick_reply_textarea, input[type="password"], input[type="textarea"], textarea.inputbox, #text_editor_textarea, textarea#comments {
                background: #717780;
                -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
                padding : 5px;
                border: 1px dashed #ccc;
                }
        input[type="text"]:focus, #text_editor_textarea.quick_reply_textarea:focus, input[type="password"]:focus, input[type="textarea"]:focus, .inputbox:focus, #text_editor_textarea:focus, textarea#comments:focus {
                outline:none;
                }
        input#friend, input#foe {
          margin-top:5px;
          }
        .main-content.standalone .button.button1 {
          font-weight: normal;
          }
        input.button1 {
          margin-left:3px;
          }
        #text_editor_cmd_switchmode{
          display:none;
          }
        fieldset.left {
          width: 35%;
          float: left;
          }
        fieldset.right {
          width: 45%;
          float: right;
          }
        .frm-form fieldset.frm-set .inputbox {
          width: 55%;
                padding: 3px;
          }
        .frm-form fieldset.frm-set textarea.inputbox {
          width: 55%;
          }
        .frm-form fieldset.frm-set .italic, #pun-qpost .main-head.clearfix p.h2{
          display:none;
          }
        .frm-form fieldset.frm-set input[type="radio"] {
          margin: 0 0.5em 0 0;
          }
        #textarea_content label {
                display:none;
          }
        #text_editor_textarea.quick_reply_textarea {
                width : 590px !important;
                margin-left: -3px;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 17px;
                }
        #quick_reply #textarea_content textarea {
                border : none;
                background : transparent;
                resize:none;
                }
        #quick_reply  #textarea_content .dd-textarea {
                margin-top: 5px;
                margin-left: 116px;
                background : transparent url(http://i20.servimg.com/u/f20/15/20/70/09/quick-10.png) no-repeat;
                width : 612px;
                height : 160px;
                }
        #pun-foot .center {
                background: url(Copyright IMG) no-repeat right;
                }

        .mulit-iocns img{
          margin-left: 47px;
          }

        / *-- Removal of negative voting button in messages --* /
        .vote .vote-button, .vote-no-bar {
          display:none;
        }
        .vote .vote-button:first-child {
            display:block;
        }

        .vote {
            width: 24px; / *-- Width of the image chosen --* /
        }

        /* Table Line----------------------------------------------*/
        .cat1 td{
                border: none;
                padding: 10px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
        text-align:center;
          }

        /* jQuery Stat----------------------------------------------*/
            #tabs ul li.activetab a {
              background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
                    border: 1px solid #1E1E1D;
                    -webkit-box-shadow: black 0px 0px 1px;
                    -moz-box-shadow: black 0px 0px 1px;
                    -o-box-shadow: black 0px 0px 1px;
                    box-shadow: black 0px 0px 1px;
              }
            #tabs ul li.activetab a:hover {
              background: transparent;
              }
            #tabs ul li a {
              background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
                    border: 1px solid #1E1E1D;
                    -webkit-box-shadow: black 0px 0px 1px;
                    -moz-box-shadow: black 0px 0px 1px;
                    -o-box-shadow: black 0px 0px 1px;
                    box-shadow: black 0px 0px 1px;
              }
            #tabs ul li a:hover {
                background: transparent;
                }

        /* Blog----------------------------------------------*/
        .blog .icon {
          background-position: 10px 20px !important;
          }
        .blog .dterm {
          width: 94% !important;
          background-position: 5px 20px !important;
          }
        .blog_cal-border {
          display: inline;
          float: left;
          border: 1px solid #dbdada;
          background: #efeded;
          padding: 1px;
          font-size: 1.2em;
          margin-right: 1em;
          }
        .blog_cal-content {
          width: 2.9em;
          background: #dbdada;
          padding: 1px;
          line-height: 1.4em;
          text-align: center;
          font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Sans-Serif;
          color: #ffffff;
          }
        .blog_cal-content span {
          display: block;
          }
        .blog_cal-day {
          padding-left: 0.2em;
          font-size: 1.6em;
          letter-spacing: 0.2em;
          }
        .blog_cal-month {
          line-height: 0.7em;
          font-size: 2em;
          font-weight: bold;
          }
        .blog_cal-year {
          line-height: 1.2em;
          font-size: 0.8em;
          }
        .blog_title {
          padding-top: 1em;
          font-size: 1.3em;
          }
        .blog_title h2 {
          display: inline;
          }
        .blog_title .topictitle {
          font-size: 1.2em;
          }
        .blog_message {
          margin-top: 0.5em;
          font-size: 1.1em;
          }
        .blog .codebox dt {
          width: 92%;
          }
        * html .blog .codebox dt,*+html .blog .codebox dt {
          width: 100%;
          }
        .blog_comments {
          text-align: right;
          }
        .blog_comments img {
          vertical-align: middle;
          }
        #blog_comments {
          width: 90%;
          margin: 0 auto;
          }
        #blog_comments .postbody {
          width: 96%;
          }
        .blog_comment-avatar {
          float: left;
          }
        .blog_comment-avatar img {
          background-color: #fff;
          border: 1px solid #dbdada;
          vertical-align: middle;
          width: 38px;
          margin: 5px 5px 0 0;
          }
        #blog_comments .h3 {
          overflow: hidden;
          margin-top: 0;
          margin-left: 45px;
          padding: 0;
          min-height: 22px;
          }
        .blog_comment-title {
          float: left;
          min-height: 12px;
          margin-top: 7px;
          }
        #blog_comments .profile-icons {
          margin: 0;
          list-style-position: inherit;
          }

        #organic-tabs { background: #; padding: 2px; margin: 0 0 15px 0; }

            #explore-nav { overflow: hidden; margin: 0 0 10px 0; }
            #explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
            #explore-nav li.last { margin-right: 0; }
            #explore-nav li a { display: block; padding: 5px; background: #; color: white; font-size: 10px; text-align: center; border: 1px solid #; }
            #explore-nav li a:hover { background-color: #; }

            #jquerytuts, #core, #classics { display: none; }

            #explore-nav li#ex-featured a.current, ul#featured li a:hover {  color: white; }
            #explore-nav li#ex-core a.current, ul#core li a:hover {color: white; }
            #explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { color: white; }
            #explore-nav li#ex-classics a.current, ul#classics li a:hover { color: white; }

        /* Chatbox-------------------------------------------------*/
        body.chatbox {
          background-image: none;
          }
        .chatbox {
          background-color: #efeded;
          }
        #chatbox_header {
          height: 30px;
          background-color: #dbdada;
          }
        .chatbox .forabg {
          margin: 0;
          border: none;
          padding: 0;
          margin: 0;
          background-color: #dbdada;
          }
        .chatbox-title,.chatbox-title a.chat-title {
          color: #ffffff !important;
          }
        .chatbox-title {
          float: left;
          margin: 0;
          padding: 2px 5px 0 5px;
          width: 15em;
          }
        .chatbox-options {
          float: right;
          list-style: none;
          font-size: 11px;
          margin: 0.7em 0.5em 0.5em 0.5em;
          }
        .chatbox-options li {
          display:inline;
          }
        .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
          color: #ffffff;
          }
        #chatbox_members {
          position: absolute;
          top: 30px;
          bottom: 30px;
          width: 180px;
          overflow: auto;
          border-right: 1px solid ;
          }
        #chatbox_members .member-title {
          text-align: center;
          padding: 0.5em 0.25em;
          background-image: none;
          font-size: 12px;
          background-color: #cadceb;
          color : #105289;
          font-family: Verdana,Arial,Helvetica,sans-serif;
          }
        #chatbox_members ul {
          list-style: none;
          margin: 0 0 0 1em;
          }
        #chatbox_members ul li {
          margin: 0.5em 0.5em 0.5em 0;
          }
        #chatbox {
          position: absolute;
          top: 30px;
          left: 181px;
          right: 0;
          bottom: 30px;
          overflow: auto;
          line-height: 10px;
          }
        .chatbox_row_1 {
          padding: 4px;
          background-color: #efeded;
          }
        .chatbox_row_2 {
          padding: 4px;
          background-color: #efeded;
          }
        .chatbox_row_3 {
          padding: 4px;
          background-color: #cadceb;
          }
        .memberlist_row_1 {
          background-color: #efeded;
          }
        #chatbox_footer {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          padding: 5px;
          }
        #chatbox_footer label {
          color: #ffffff;
          }
        #message,#submit_button{
          border-width: 1px;
          }
        .fontbutton {
          padding: 1px;
          cursor: pointer;
          text-align: left;
          }
        .fontbutton_normal {
          background: #E1E1E2;
          }
        .fontbutton_selected {
          background: #BBC7CE;
          border: 1px solid #22229C;
          }
        .fontbutton_clicked {
          background: #959595;
          border: 1px solid #22229C;
          }
        .fontbutton_hover {
          background: #E1E1E2;
          border: 1px solid #22229C;
          }
        #chatbox_contextmenu {
          border: 2px solid black;
          background-color: #cadceb;
          }
        #chatbox_contextmenu p {
          margin:0;
          padding: 1px 4px;
          font-family: verdana, arial, sans-serif;
          background: #efeded;
          border-bottom:1px solid #777;
          }
        #chatbox_contextmenu p.hover {
          background: #efeded;
          }
        #chatbox_contextmenu p.close {
          background: #ddd;
          padding: 1px;
          font-size: 95%;
          color:#fff;
          background: url('');
          }
        #chatbox_contextmenu p.close img {
          vertical-align: middle;
          padding-left: 20px;
          }
        #chatbox_contextmenu a {
          color: #105289;
            text-decoration: none;
            font-size: 95%;
          }
        #chatbox_contextmenu a:hover {
          color: ;
          }
        .fontbutton {
          background:#E1E1E2 none repeat scroll 0%;
          border:medium none;
          color:#000000;
          float:left;
          margin-right:10px;
          padding:1px;
          }
        #chatbox .user {
          font-weight: bold;
          }
        * html #chatbox-members {
       
        /* IE expressions helping IE work in Standards mode */
        height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
          }
        * html #chatbox {
       
        /* IE expressions helping IE work in Standards mode */
        height: expression(( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 3) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
          width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 10) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 1) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 1.3) ) + "px");
          }
        * html #chatbox-footer {
     
        /* IE expressions helping IE work in Standards mode */
        width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) - ( (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 0) + (parseInt(document.body.currentStyle.fontSize) * 1.3333333 * 2 * 0) ) + "px");
          }

        body {
            margin: 0;
            padding: 0;
            font: 10px normal Verdana, Arial, Helvetica, sans-serif;
            height: 100%;
        }
        * {margin: 0; padding: 0; outline: none;}
        img {border: none;}
        h1 {
            font-size: 1.2em;
            padding: 5px 10px;
            color: #ccc;
            width: 940px;
            margin: 0 auto;
        }
        h1 a {    color: #fff; }
        h1 span {font-weight: normal;}


        .postmain blockquote, .codebox {
        background: transparent;
        -moz-box-shadow: black 0 0 1px;
        -o-box-shadow: black 0 0 1px;
        -webkit-box-shadow: black 0 0 1px;
        border: 1px solid #1E1E1D;
        box-shadow: black 0 0 1px;
        }
        .codebox dd {
        background: transparent;
        }
        .codebox dt {
        border-bottom: 1px dotted #333;
        }


        /*--message box--*/

        .msgbox {
                width: 300px;
                padding: 4px;
                background-image:url(http://i28.servimg.com/u/f28/16/08/05/20/wm-bg10.png);
                border: 1px solid #343434;
          font-weight: bold;
          color:gray;
          border-radius: 3px;
          -moz-border-radius: 3px;
                -moz-box-shadow: 0px 0px 1px #000;
          -webkit-box-shadow: 0px 0px 1px #000;
        }

        #footpanel ul li div a { /*--Reset link style for sub-panel links--*/
          text-indent: 0;
          width: auto;
          height: auto;
          padding: 0;
          float: none;
          color: #00629a;
          position: static;
        }
        #footpanel ul li div a:hover {  text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

        #footpanel .subpanel {
          position: absolute;
          left: 0; bottom: 27px;
          display: none;  /*--Hide by default--*/
          width: 198px;
          border: 1px solid #555;
          background: #fff;
          overflow: hidden;
        }
        #footpanel h3 {
          background: #526ea6;
          padding: 5px 10px;
          color: #fff;
          font-size: 1.1em;
          cursor: pointer;
        }
        #footpanel h3 span { /*--Right aligned "-" icon--*/
          font-size: 1.5em;
          float: right;
          line-height: 0.6em;
          font-weight: normal;
        }

        #footpanel .subpanel ul{
          padding: 0; margin: 0;
          background: #fff;
          width: 100%;
          overflow: auto;
          padding-bottom: 2px;
        }
        #footpanel .subpanel li{
          float: none; /*--Reset float--*/
          display: block;
          padding: 0; margin: 0;
          overflow: hidden;
          clear: both;
          background: #fff;
          position: static;  /*--Reset relative positioning--*/
          font-size: 0.9em;
        }

        #chatpanel .subpanel li { background: url(http://www.sohtanaka.com/web-design/examples/footer-panel/dash.gif) repeat-x left center; }
        #chatpanel .subpanel li span {
          padding: 5px;
          background: #fff;
          color: #777;
          float: left;
        }
        #chatpanel .subpanel li a img {
          float: left;
          margin: 0 5px;
        }
        #chatpanel .subpanel li a{
          padding: 3px 0;  margin: 0;
          line-height: 22px;
          height: 22px;
          background: #fff;
          display: block;
        }
        #chatpanel .subpanel li a:hover {
          background: #3b5998;
          color: #fff;
          text-decoration: none;
        }

        a.select-link{float: right;}


        /*---fb tooltip---*/
        .tipsy {
          font-size: 20px;
          position: absolute;
          z-index: 999;
          margin-top: -10px;
          padding: 5px;
                }
        .tipsy-inner {
          background-color: #603311;
                text-shadow: 1px 1px 0px #555;
                color: #fff;
          max-width: 400px;
          text-align: center;
          border-radius: 3px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          padding: 5px 8px 4px;
          text-shadow:0px -1px 1px #000;
                }
        .tipsy-arrow {
          position: absolute;
          background: url('http://i22.servimg.com/u/f22/15/42/72/40/tipsy10.png') no-repeat top left;
          width: 9px;
          height: 5px;
                }
        .tipsy-n .tipsy-arrow {
          top: 0;
          left: 50%;
          margin-left: -4px;
                }
        .tipsy-nw .tipsy-arrow {
          top: 0;
          left: 10px;
                }
        .tipsy-ne .tipsy-arrow {
          top: 0;
          right: 10px;
              }
        .tipsy-s .tipsy-arrow {
          bottom: 0;
          left: 50%;
          margin-left: -4px;
          background-position: bottom left;
                }
        .tipsy-sw .tipsy-arrow {
          bottom: 0;
          left: 10px;
          background-position: bottom left;
                }
        .tipsy-se .tipsy-arrow {
          bottom: 0;
          right: 10px;
          background-position: bottom left;
                }
        .tipsy-e .tipsy-arrow {
          top: 50%;
          margin-top: -4px;
          right: 0;
          width: 5px;
          height: 9px;
          background-position: top right;
                }
        .tipsy-w .tipsy-arrow {
          top: 50%;
          margin-top: -4px;
          left: 0;
          width: 5px;
          height: 9px;
                }

        / *-- cool box on forum  --* /

        .testpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .testpostbox {
        color: #AA0000;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emotes/face-smile.png');
        }

        .alertbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .alertbox {
        color: #AA0000;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-warning.png');
        }

        .infopostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .infopostbox {
        color: #00529B;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-important.png');
        }

        .blockpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .blockpostbox {
        color: #AA0000;
        background-color: #4B777D;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-error.png');
        }

        .attcpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .attcpostbox {
        color: #FFFFFF;
        background-color: #BDE5F8;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/mail-attachment.png');
        }

        .attcpostbox2 {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .attcpostbox2 {
        color: #000000;
        background-color: #FFFFFF;
        background-image: url('http://i22.servimg.com/u/f22/16/52/61/30/icon-a10.png');
        }

        .designerpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .designerpostbox {
        color: #29A9FF;
        background-color: #6229ff;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/categories/applications-office.png');
        }

        .techpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .techpostbox {
        color: #990099;
        background-color: #470099;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/emblems/emblem-system.png');
        }

        .sugpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .sugpostbox {
        color: #7a9900;
        background-color: #c8fa00;
        background-image: url('http://cdn2.iconfinder.com/data/icons/tango/32x32/status/dialog-information.png');
        }

        .solvedpostbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .solvedpostbox {
        color: #00fa26;
        background-color: #03ab1d;
        background-image: url('http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png');
        }

        .rulesbox {
        border: 1px solid;
        margin: 10px 0px;
        padding:15px 10px 15px 50px;
        background-repeat: no-repeat;
        background-position: 10px center;
        }
        .rulesbox {
        color: #00FFFF;
        background-color: #0000FF;
        background-image: url('http://i22.servimg.com/u/f22/16/22/44/20/privac11.png');
        }

        / *-- tooltip  --* /
        .tip {
          color: #fff;
          background:#1d1d1d;
          display:none; /*--Hides by default--*/
          padding:10px;
          position:absolute;  z-index: 999;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          border-radius: 3px;
        }

        / *-- lastpostdesign  --* /
        .lastpost{
        margin: 3px;
        width : auto;
        border : 2px solid #EEE;
        -moz-border-radius : 7px;
        -webkit-border-radius : 7px;
        border-radius : 7px;
        -moz-box-shadow : 0 0 8px #666;
        -webkit-box-shadow : 0 0 8px #666;
        box-shadow : 0 0 8px #666;}

        .pun .user-ident .username {
        position: initial;
        }

        / *-- tb tweet buttom  --* /
        a.facebook-button {
            background: url("http://i29.servimg.com/u/f29/15/99/65/23/facebo12.png") no-repeat;
            display: block;
            height: 26px;
            width: 155px;
        }

        a.facebook-button:hover {
            background-position: 0 -26px;
        }

        a.twitter-button {
            background: url("http://i29.servimg.com/u/f29/15/99/65/23/twitte12.png") no-repeat;
            display: block;
            height: 26px;
            width: 155px;
        }

        a.twitter-button:hover {
            background-position: 0 -26px;
        }

        / *-- category design  --* /
              #index_table td{border-left: 0;}

            #forum_box{width: 70%;}

            #m_stats a{color: white !important;}

            #m_stats{
            text-align: center;
            float: right;
            margin-right: 10px;
            min-width: 180px !important;
            color: white;
            padding: 5px;
            background: black;
            font-weight: bold;
            background: black;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;}

            #stats_separator{
            margin-top: 5px;
            float: right;}

            #post_no{color: red;}

            #topics_no{color: blue;}

        / *-- backtotop  --* /

        a#bm-arrow-top {position:fixed;  bottom:30px;right:30px;  display:block;background:#fff; width:24px;height:24px; overflow:hidden; background:url(http://www.net-kit.com/wp-content/plugins/back2top/backtotop.png) top left no-repeat; text-indent:-99999em; text-decoration:none; outline:none;  border:none;}
        a:hover#bm-arrow-top {background-position:bottom left;}

        / *-- galleryproposals  --* /
            /*--- This part corresponds at the forum description ---*/
            .forum-description {
                  margin: auto;
                  padding: 10px;
                  color: #000000;
                  width: 80%;
                  border: 3px solid #000000;
                  -moz-border-radius: 14px;
                  -webkit-border-radius: 14px;
                  font-size: 12px;
            }

            /*--- This part corresponds to "X messages in X topics" ---*/
            .forum-stats {
                  -moz-border-radius-topleft: 20px;
                  -moz-border-radius-topright: 20px;
                  -webkit-border-top-right-radius: 20px;
                  -webkit-border-top-left-radius: 20px;
                  border-top-right-radius: 20px;
                  border-top-left-radius: 20px;
                  border-bottom: 0 none !important;
                  border-left: 3px solid #000000;
                  border-right: 3px solid #000000;
                  border-top: 3px solid #000000;
                  color: #000000;
                  font-size: 11px;
                  font-style: italic;
                  height: 14px;
                  left: 280px;
                  padding: 3px;
                  position: relative;
                  text-align: center;
                  width: 200px;
            }

            /*--- This part corresponds to the subforums display ---*/
            .forum-sousforum {
                  color: #000000;
                  border: 3px solid #000000;
                  border-top: 0px !important;
                  -moz-border-radius-bottomleft: 14px;
                  -moz-border-radius-bottomright: 14px;
                  -webkit-border-bottom-right-radius: 14px;
                  -webkit-border-bottom-left-radius: 14px;
                  border-bottom-right-radius: 14px;
                  border-bottom-left-radius: 14px;
                  margin: auto;
                  padding: 4px;
                  color: #000000;
                  width: 50%;
                  text-align: center;
                  height: 14px;
                  font-size: 11px;
            }

        .thumb {
            float: left;
            margin: 5px 20px 20px 0;
            padding: 5px;
            border: 1px solid #ccc;
            background: #f0f0f0;
        }
        .description {overflow: hidden;}=

    h2.chatbox-title:after { content: "GH Chatbox"; }
    a.chat-title { display: none; }
    .tcl > span a {
    padding-right: 20px;
    }

    /* Chatbox-------------------------------------------------------------*/
    body.chatbox {
      background-image: none;
      padding: 0;
      margin: 0;
      background-color: #ffffff;
      }
    #chatbox_header {
      height: 30px;
      }
    #chatbox_header.main-head {
      padding: 0 1.3em;
      color: #fff;
      background: url(http://i71.servimg.com/u/f71/16/21/18/28/header10.png);
      }
    .chatbox-title,.chatbox-title a.chat-title {
      color: #fff;
      text-decoration: none;
      }
    .chatbox-title {
      float: left;
      margin: 0;
      padding: 2px 5px 0 5px;
      width: 15em;
      }
    .chatbox-options {
      float: right;
      list-style: none;
      font-size: 11px;
      margin: 0.7em 0.5em 0.5em 0.5em;
      }
    .chatbox-options li {
      display:inline;
      }
    .chatbox-options li,.chatbox-options li a,.chatbox-options li label {
      color: #dedfdf;
      }
    #chatbox_members {
      position: absolute;
      top: 30px;
      bottom: 30px;
      width: 180px;
      overflow: auto;
      border-right: 1px dashed #ccc;
      }
    #chatbox_messenger_form {
      margin: 10px 0 0 0;
      }
    #chatbox_members .member-title {
      text-align: center;
      padding: 0.5em 0.25em;
      background-image: none;
      font-size: 12px;
      background-color: #f4f9fd;
      color : #00569c;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      }
    #chatbox_members ul {
      list-style: none;
      margin: 0 0 0 1em;
      }
    #chatbox_members ul li {
      margin: 0.5em 0.5em 0.5em 0;
      }
    #chatbox {
      position: absolute;
      top: 30px;
      left: 181px;
      right: 0;
      bottom: 30px;
      overflow: auto;
      line-height: 10px;
      }
    #chatbox p {
      line-height: 1.2em;
      }
    .chatbox_row_1 {
      padding: 8px;
      background-color: #fbfbfb;
            margin: 5px;border-radius: 5px;
      }
    .chatbox_row_2 {
      padding: 8px;
      background-color: #fbfbfb;
            margin: 5px;border-radius: 5px;
      }
    .chatbox_row_3 {
      padding: 8px;
      background-color: #fbfbfb;
            margin: 5px;
            border-radius: 5px;
      }
    #chatbox .user {
      font-weight: bold;
      }
    .memberlist_row_1 {
      background-color: #fbfbfb;
      }
    #chatbox_footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 1px dashed #ccc;
            background: url(http://i71.servimg.com/u/f71/16/21/18/28/header10.png);
            margin-bottom: -5px;
      }
    #message,#submit_button{
      border-width: 1px;
      }

    /*------ NAV BY Verrell123--------*/
    #nav {
      margin: 0;
      padding: 7px 6px 0;
      background: #534C33 url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 -110px;
      line-height: 100%;

      border-radius: 0.5em;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;

      -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
      -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
    }
    #nav li {
      margin: 0 5px;
      padding: 0 0 8px;
      float: left;
      position: relative;
      list-style: none;
    }


    /* main level link */
    #nav a {
      font-weight: bold;
      color: #e7e5e5;
      text-decoration: none;
      display: block;
      padding:  8px 20px;
      margin: 0;

      -webkit-border-radius: 0.3em;
      -moz-border-radius: 0.3em;
     
      text-shadow: 0 1px 1px rgba(0,0,0, .3);
    }
    #nav a:hover {
      background: #232016;
      color: #fff;
    }

    /* main level link hover */
    #nav .current a, #nav li:hover > a {
      background: #AED24E url() repeat-x 0 -40px;
      color: #444;
      border-top: solid 1px #f8f8f8;

      -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
      -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
      box-shadow: 0 1px 1px rgba(0,0,0, .2);

      text-shadow: 0 1px 0 rgba(255,255,255, 1);
    }

    /* sub levels link hover */
    #nav ul li:hover a, #nav li:hover li a {
      background: none;
      border: none;
      color: #666;

      -webkit-box-shadow: none;
      -moz-box-shadow: none;
    }
    #nav ul a:hover {
      background: #232016 url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 -100px !important;
      color: #fff !important;

      -webkit-border-radius: 0;
      -moz-border-radius: 0;

      text-shadow: 0 1px 1px rgba(0,0,0, .1);
    }

    /* dropdown */
    #nav li:hover > ul {
      display: block;
    }

    /* level 2 list */
    #nav ul {
      display: none;

      margin: 0;
      padding: 0;
      width: 185px;
      position: absolute;
      top: 35px;
      left: 0;
      background: #ddd url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 0;
      border: solid 1px #b4b4b4;

      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;

      -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
      -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
      box-shadow: 0 1px 3px rgba(0,0,0, .3);
    }
    #nav ul li {
      float: none;
      margin: 0;
      padding: 0;
    }

    #nav ul a {
      font-weight: normal;
      text-shadow: 0 1px 0 #fff;
    }

    /* level 3+ list */
    #nav ul ul {
      left: 181px;
      top: -3px;
    }

    /* rounded corners of first and last link */
    #nav ul li:first-child > a {
      -webkit-border-top-left-radius:2px;
      -moz-border-radius-topleft: 2px;

      -webkit-border-top-right-radius: 2px;
      -moz-border-radius-topright: 2px;
    }
    #nav ul li:last-child > a {
      -webkit-border-bottom-left-radius: 2px;
      -moz-border-radius-bottomleft: 2px;

      -webkit-border-bottom-right-radius: 2px;
      -moz-border-radius-bottomright: 2px;
    }

    /* clearfix */
    #nav:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }
    #nav {
      display: inline-block;
    }
    html[xmlns] #nav {
      display: block;
    }
   
    * html #nav {
      height: 1%;
    }

    #backtotop {
        bottom: 50px;
        color: #FFFFFF;
        cursor: pointer;
        display: none;
        font-size: 14px;
        opacity: 0.6;
        padding: 8px;
        position: fixed;
        text-align: center;
        z-index: 999;
        right: 30px;
    }
    #backtotop:hover {
      opacity  : 0.9;
    }
    /* Tip */
        .tipsy {
        padding: 5px;
        font-size: 11px;
        position: absolute;
        text-shadow: none;
        z-index: 999;
        }

        .tipsy-inner {
        padding: 8px 8px 8px 8px;
        background-color: black;
        color: white;
        max-width: 200px;
        text-align: center;
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
        background: black url(http://cuul.tk/img/gradient.png) repeat-x 0 -150px;
        }

        .tipsy-inner {
        border-radius: 3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        }

        .tipsy-arrow {
        position: absolute;
        background: url('http://cuul.tk/img/tipsy.gif') no-repeat top left;
        width: 9px;
        height: 5px;
        }

        .tipsy-n .tipsy-arrow {
        top: 0;
        left: 50%;
        margin-left: -4px;
        }

        .tipsy-nw .tipsy-arrow {
        top: 0;
        left: 10px;
        }

        .tipsy-ne .tipsy-arrow {
        top: 0;
        right: 10px;
        }

        .tipsy-s .tipsy-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -4px;
        background-position: bottom left;
        }

        .tipsy-sw .tipsy-arrow {
        bottom: 0;
        left: 10px;
        background-position: bottom left;
        }

        .tipsy-se .tipsy-arrow {
        bottom: 0;
        right: 10px;
        background-position: bottom left;
        }

        .tipsy-e .tipsy-arrow {
        top: 50%;
        margin-top: -4px;
        right: 0;
        width: 5px;
        height: 9px;
        background-position: top right;
        }

        .tipsy-w .tipsy-arrow {
        top: 50%;
        margin-top: -4px;
        left: 0;
        width: 5px;
        height: 9px;
        }

    #notice {
      position: absolute;
      background: #E1EBF2;
      top: 50px; right: 300px;
      padding: 10px;
      text-align: center;
      font-weight: bold;
      border-radius: 8px;
      max-width: 400px;
    }

    #header-img {
        background: url("http://i43.servimg.com/u/f43/14/73/12/96/tics10.gif") repeat-x scroll 0 0 transparent;
        height: 20px;
    }

    /* Replay Box */
    button.button2 img[alt="Bold"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 0}
    button.button2 img[alt="Ital."]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -16px}
    button.button2 img[alt="Underl."]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -32px}
    button.button2 img[alt*="Quote"]{background:url(http://cdn2.iconfinder.com/data/icons/splashyIcons/comments_reply.png) no-repeat 0 -48px}
    button.button2 img[alt="Code"]{background:url(http://i22.servimg.com/u/f22/15/42/72/40/page_w10.png) no-repeat 0 -64px}
    button.button2 img[alt="Host an image"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -80px}
    button.button2 img[alt="Image"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -96px}
    button.button2 img[alt="Link"]{background:url(http://cdn1.iconfinder.com/data/icons/Siena/16/hyperlink%20blue.png) no-repeat 0 -112px}
    button.button2[onclick*="color"] img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/simple10.png) no-repeat 0 -128px}
    button.button2[onclick*="smilies"] img{background:url(http://i22.servimg.com/u/f22/15/42/72/40/43530510.png) no-repeat 0 -144px}
    button.button2 img[alt="Strike"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 0}
    button.button2 img[alt="Αριστερά"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -16px}
    button.button2 img[alt="Left"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -16px}
    button.button2 img[alt="Center"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -32px}
    button.button2 img[alt="Right"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -48px}
    button.button2 img[alt="Justified"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -64px}
    button.button2 img[alt="-List"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -80px}
    button.button2 img[alt="Ordered List"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -96px}
    button.button2 img[alt*="line break"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -112px}
    #addbbcodetable img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -128px}
    button.button2 img[alt="Flash"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -144px}
    button.button2 img[alt="Video"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -160px}
    button.button2 img[alt="Font size"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -176px}
    button.button2 img[alt="Font"]{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -192px}
    button.button2 img[alt="Help"]{background:url(http://i22.servimg.com/u/f22/15/42/72/40/help-b10.png) no-repeat 0 -208px}
    button.button2[onmouseover="helpline('f')"] img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -176px}
    button.button2[onmouseover="helpline('ft')"] img{background:url(http://i65.servimg.com/u/f65/15/65/51/07/advanc10.png) no-repeat 0 -192px}
    #text_editor_cmd_switchmode img{background:url(http://i21.servimg.com/u/f21/13/71/71/19/plus11.png) no-repeat}
    #text_editor_cmd_removeformat img{background:url(http://i61.servimg.com/u/f61/13/71/71/19/remove10.png) no-repeat}

    #ddrequest {position: absolute; top: 0px; left: 0px; width: 200px; background: #fff; color: #000; border: 1px solid #888; text-align: center; z-index:1000}
    #newfriend {padding: 5px 10px; font-size: 14px; line-height: 20px;}

    #newVM {
      position: fixed;
      top: 5px; right: 5px;
      border: 2px solid #105289;
      background: #fff;
      border-radius: 6px;
      font-size: 13px;
      text-align: center;
      padding: 10px;
    }
    #newVM span {
      border: 1px solid #000;
        background: #CCC;
      color: #000;
      padding: 3px;
      cursor: pointer;
    }
    #newVM span:hover {
      background: #666;
      color: #fff;
    }

    /* UCP */
    ul.CDnav {
      list-style: none;
      margin: 15px auto 15px auto;
      padding: 0px 0px 10px;
      text-align: center;
      font-size: 1.2em;
      font-weight: bold;
      font-family: Verdana,Tahoma,Arial;
      background:#FFF;
      border: 1px solid #368AD2;
      width: 90%;
      border-radius: 5px;
   
    }
    ul.CDnav li {
            border-radius: 5px;
        background: #368AD2;
        padding: 1px 1px 1px 1px;
      width: 92%;
            margin: 3px auto;
    }
    ul.CDnav li:hover {
        background: #12A3EB;
    }
    ul.CDnav a, ul.LGnav a:visited {
      display: block;
      padding: 7px 5px 7px 5px;
      color: #FFF;

    }
    ul.CDnav a:hover, ul.CDnav a:active, ul.CDnav a:focus {
      background: #12A3EB;
      color: #FFF;
    }
    .popupmainmenu {
    position: fixed;
    background-color: #FFF;
    border-bottom: 3px solid;
    border-right: 3px solid;
    border-left: 3px solid;
    top: 0px;
    right: 1%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #105289;
    width: 230px;
      z-index: 999;
    }
    .popupmainmenu a {
    cursor: pointer;
    }
    .mainmenubutton {
      display: block;
      font-size: 1.1em;
      font-weight: bold;
      text-align: center;
      margin: 5px;
    }
    .mainmenubutton:hover {
      cursor: pointer;
      color: red;
    }
          .fade {
            display:inline-block;
            background: -moz-linear-gradient(left, rgb(255,255,225) 0%, rgba(255,255,225,0) 100%);
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(255,255,225)), color-stop(1.00, rgba(255,255,225,0)));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffe1, endColorstr=#00ffffe1, GradientType=1)";
          }
   

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

HotroForumvi » Tài Nguyên Forumotion » Punbb » Skin Back (Mới)

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