MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Phantom avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Forum Logosunu Nasıl Büyütebilirim ?


Sponsor Reklam
media venus

Çevrimdışı Phantom
 Tarih: 24-09-2012, Saat:16:19
#1
ben imperial tema kullanıyorum ve forum logosunu büyütmek istiyorum nasıl büyütebilirim forum logosunun boyutu bu

resim

bu boyuta getirmek istiyorum

resim

Kod:
onlinemekan.net
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı ByMasteR
 Tarih: 24-09-2012, Saat:16:21
(Son Düzenleme: 24-09-2012, Saat:16:26, Düzenleyen: ByMasteR.)
#2
csslerle ilgili. global css yi tamamen değişin.

Kod:
@import url(../../.././fonts/lato.css);

/* Safari and Chrome */
@
@keyframes "useravatar" {
0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(-360deg);
       -moz-transform: rotate(-360deg);
       -o-transform: rotate(-360deg);
       -ms-transform: rotate(-360deg);
       transform: rotate(-360deg);
}

}

@-moz-keyframes useravatar {
0% {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -moz-transform: rotate(-360deg);
   transform: rotate(-360deg);
}

}

@-webkit-keyframes "useravatar" {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
}

}

@-ms-keyframes "useravatar" {
0% {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -ms-transform: rotate(-360deg);
   transform: rotate(-360deg);
}

}

a:link {
    text-decoration: none;
    color: #388581;
}

.right {
    float: right;
}

/* Starts here */
.collapsibleContainer {
    border: solid 1px #9BB5C1;
}

.users_browsing {
padding: 4px 10px;
position: relative;
top: -10px;
background: #CBEBA7;
border: 1px solid #AEDB74;
color: #666;
border-radius: 2px;
display:inline-block;
float:left;
}

.collapsibleContainerTitle {
    cursor:pointer;
}

.collapsibleContainerTitle div {
    padding-top:5px;
    padding-left:10px;
    background-color:#9BB5C1;
    color:#607882;
}

.collapsibleContainerContent {
    padding: 10px;
}

/* ENDS HERE */
.left {
    float: left;
}

a:hover {
    color: #3d5755;
    text-decoration: none;
}

a:active {
    text-decoration: none;
    color: black;
}

/* login box */
#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes .window {
    position: absolute;
    width: 600px;
    height: 220px;
    display: none;
    z-index: 9999;
    padding: 10px;
}

.loginbox_content {
    background: #f8f8f8;
    height: 100%;
    width: 100%;
}

.loginbox_content label {
    font-size: 13px;
    font-weight: bold;
    color: #666;
}

.loginbox_head {
    background: #EEE url(../../../images/imperial/highlight.png) repeat-x 0 0;
    display: inline-block;
    height: 35px;
    vertical-align: middle;
    line-height: 35px;
    border-bottom: 1px solid #DDD;
    width: 100%;
}

.loginbox_head strong {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    font-size: 16px;
}

.loginbox_head span {
    float: right;
    color: white;
    margin-right: 10px;
}

.loginbox_head span a {
    color: #fff;
    background: #999;
    width: 15px;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #777;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bolder;
}

.loginbox_head span a:hover {
    color: white;
    background: #888;
}

#loginbox input[type="text"]:focus,#loginbutton_menu input[type="password"]:focus,#quick_login_password:focus {
    background: white;
    border: 1px solid #bbb;
}

#loginbox input[type="text"],#loginbutton_menu input[type="password"],#quick_login_password {
    border: 1px solid #ccc;
    font-size: 13px;
    margin: 0 0 5px;
    background: #F9F9F9;
    padding: 5px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    margin-top: 5px;
    width: 260px;

    -webkit-box-shadow: inset 0px 2px 5px #f0f0f0;
    -moz-box-shadow: inset 0px 2px 5px #f0f0f0;
    box-shadow: inset 0px 2px 5px #f0f0f0;
}

.loginbox_submit {
    padding-left: 16px;
}

.loginbox_submit_button {
    float: right;
    margin-top: -20px;
    margin-right: 16px;
}

.loginbox_submit_button input {
    background: #777 url(../../../images/imperial/highlight.png) repeat-x;
    color: white;
    padding: 10px 50px;
    border: 1px solid #555;

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

    -webkit-box-shadow: inset 0px 0px 2px #ccc;
    -moz-box-shadow: inset 0px 0px 2px #ccc;
    box-shadow: inset 0px 0px 2px #ccc;

    -webkit-transition: 0.5s,box-shadow 0s;
    -moz-transition: 0.5s,box-shadow 0s;
    -o-transition: 0.5s,box-shadow 0s;
    -ms-transition: 0.5s,box-shadow 0s;
    transition: 0.5s,box-shadow 0s;
}

.loginbox_submit_button input:hover {
    background: #555 url(../../../images/imperial/highlight.png) repeat-x;
}

.loginbox_submit_button input:active {
    -webkit-box-shadow: inset 1px 1px 9px #111 !important;
    -moz-box-shadow: inset 1px 1px 9px #111 !important;
    box-shadow: inset 1px 1px 9px #111 !important;
}

.loginbox_username {
    width: 250px;
    float: left;
    margin-top: 10px;
    padding: 10px 20px;
}

.loginbox_password {
    float: right;
    width: 250px;
    margin-top: 10px;
    padding: 10px 40px 10px 0px;
}

#boxes #loginbox {
    width: 600px;
    height: 180px;
    position: fixed;

    -webkit-box-shadow: 0px 0px 20px #222;
    -moz-box-shadow: 0px 0px 20px #222;
    box-shadow: 0px 0px 20px #222;
    background: url(../../../images/imperial/trans.png) repeat;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 110px !important;
    margin: auto;
    left: 25% !important;
}

/* basic reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

.threadlist_row {
    background: white;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.threadlist_row:hover {
    background: #f9f9f9;
}

strong {
    font-weight: bold;
}

body {
    background:#f8f8f8 url(../../../images/imperial/bg.png);
    line-height: 1;
    font-family: tahoma,arial;
    font-size: 11px;
}

ol,ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate;
    border-spacing: 0;
}

caption,th,td {
    font-weight: normal;
    text-align: left;
    font-family: tahoma;
    font-size: 12px;
    line-height: 1.5;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: "";
}

blockquote,q {
    quotes: "" "";
}

a img {
    border: 0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

/* Breadcrumb */
.nav_rightlinks {
    color: #757575 !important;
    margin-right: 10px;
}

.nav_rightlinks:hover {
    color: #444 !important;
}

#breadcrumb {
    font-family: lato,tahoma;
    background: #ddd url(../../../images/imperial/navbg.png) repeat-x 0 0;
    display: block;
    height: 37px;
    line-height: 37px;
    width: 90%;
    margin: auto;
    border: 1px solid #ccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    top: -7px;
    font-size: 11px;
}

#breadcrumb ol li {
    float: left;
    display: inline-block;
    margin: 0 3px;

    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

#breadcrumb ol li a {
    color: #757575;
    text-shadow: 1px -1px 1px #eee;
    padding-left: 12px;
    background: url(../../../images/imperial/navcrumbbg.png) no-repeat 0 0;
    display: block;
    outline: none;
    text-decoration: none;
    margin-left: -15px;
}

#breadcrumb ol li:first-child {
    width: 30px;
    margin-left: 15px;
}

#breadcrumb ol li a img {
    display: none;
}

#breadcrumb_list li:first-child:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#breadcrumb_list li:first-child a {
    background: url(../../../images/imperial/navcrumbbg.png) right top !important;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    width: 35px;
    height: 37px;
}

#breadcrumb_list li:first-child a:hover {
    background-position: 100% -43px !important;
}

#breadcrumb_list li:first-child a img {
    display: block;
    position: relative;
    max-width: 25px;
    right: 6px;
    top: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#breadcrumb_list li:first-child a div {
    display: none;
}

#breadcrumb_list li:last-child span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none;
}

#breadcrumb_list li:first-child span:hover {
    background-position: 100% -43px !important;
}

#breadcrumb_list li:last-child a {
    font-family: lato;
    font-weight: bold;
    color: #555;
    font-size: 12px;
    background: none;

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

#breadcrumb li:hover a {
    background-position: 0 -43px;
    color: #444;
}

#breadcrumb li:active a {
    color: #666;
    text-shadow: none;
    background-position: 0 -86px;
}

#breadcrumb ol li a span {
    background: url(../../../images/imperial/navcrumbbg.png) right top;
    display: block;
    padding-left: 4px;
    padding-right: 12px;
}

#breadcrumb li:hover span {
    background-position: 100% -43px;
}

#breadcrumb li:active span {
    background-position: 100% -86px;
}

/* TipTip CSS -Version 1.2 */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));

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

    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
    box-shadow: 0 0 3px #555;
}

#tiptip_arrow,#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@
media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45,45,45,0.88);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45,45,45,0.88);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20,20,20,0.92);
}


}

.backtotop {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    top: 22px;
    right: 50%;
}

.backtotop:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* here we go */
a:visited {
    color: #527573;
    text-decoration: none;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

#main_wrapper {
    font-family: tahoma;
    font-size: 13px;
    color: #555;
}

#content {
    width: 90%;
    margin: auto;
    min-width: 960px;
    line-height: 1.3;
}

#header {
    width: 90%;
    min-width: 960px;
    min-height: 150px;
    color: #DDD;
    margin: auto;
    border: 1px solid #444;

    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    background: url(http://a1209.hizliresim.com/11/n/d73nz.jpg)top left no-repeat;
        height: 150px;    
        
        -webkit-box-shadow: inset 0px 0px 2px #ccc;
    -moz-box-shadow: inset 0px 0px 2px #ccc;
    box-shadow: inset 0px 0px 2px #ccc;
}



#header a {
color:white;
}

#header a:visited {
    color: #ddd;
    text-decoration: none;
}

#header a:hover {
    color: #fff;
    text-decoration: none;
}

#branding {
    float: left;
}

#logo {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    top: 16px;
    opacity: 1;
}

#logo:hover {
    opacity: 0.7;
    left: 1px;
}

#header_right {
    float: right;
}

#user_panel {
    padding: 5px;
    text-align: right;
    position: relative;
    right: 3px;
    top: 75px;

}

#primary_nav {
    display: block;
    background: #0280ae url(../../../images/imperial/thead.gif) bottom;
    min-height: 35px;
    border: 1px solid #333;
    position: relative;
    right: 0px;

    -webkit-box-shadow: inset 1px 0px 6px #333;
    -moz-box-shadow: inset 1px 0px 6px #333;
    box-shadow: inset 1px 0px 6px #333;
    top: 77px;

    -webkit-border-radius: 5px 0px 6px 0px;
    -moz-border-radius: 5px 0px 6px 0px;
    border-radius: 5px 0px 6px 0px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: lato,trebuchet MS,arial;
}

.primary_menu {
    background: #aaa;
}

#primary_nav ul li {
    display: inline-block;
    padding: 10px 0px;
    float: left;
}

#primary_nav a {
    display: block;
    outline: none;
    padding: 0px 10px;
    height: 37px;
    line-height: 35px;
    position: relative;
    top: -10px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

#primary_nav a:visited {
    color: #ccc;
}

#primary_nav a:link {
    color: #ccc;
}

#primary_nav a:hover {
    color: #fff;
}

#primary_nav a:hover {
    background: #333;
}

.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.left {
    float: left;
}

.float_right {
    float: right;
}

table {
    color: #444;
    font-family: tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
}

.tborder {
    width: 100%;
    margin: auto auto;
    position: relative;
    border: 1px solid #DDD;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 0;
}

.tborder_indexstats {
    width: 100%;
    margin: auto auto;
    position: relative;
    border: 1px solid #bbb;
    border-top: 0;
}

.thead strong {
    position: relative;
    top: -4px;
}

.thead {
    color: #ffffff;
    background: #0280ae url(../../../images/imperial/thead.gif) bottom;
    border: 1px solid #555;

    -webkit-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    -moz-box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    box-shadow: inset rgba(255,255,255,0.2) 0px 1px 0px;
    color: #fff;
    padding: 10px;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    overflow: hidden;

    -webkit-border-image: initial;
    -moz-border-image: initial;
    border-image: initial;
    font-family: tahoma;
    font-size: 11px;
}

#forumbit_thead {
    border-left: 0;
    border-right: 0;

    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top: 0;
    vertical-align: middle !important;
    border: 1px solid #555;
    position: relative;
    overflow:auto;
}

#forumbit_thead strong {
    float: left;
    top: -2px;
}

.thead a:link {
    text-decoration: none;
    color: #fff;
    text-shadow: 1px 1px 1px #555;
    font-family: arial;
    font-weight: bold;
}

.thead a:visited {
    color: #fff;
    text-decoration: none;
}

.thead a:hover,.thead a:active {
    color: #ccc;
    text-decoration: none;
}

.tcat {
    background: #ddd url(../../../images/imperial/highlight.png) repeat-x 0 0;
    color: #888;
    font-size: 12px;
    padding: 8px 5px;
    padding-left: 13px;
    text-shadow: 1px 1px 1px white;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

.tcat a:link {
    color: #777;
}

.tcat a:visited {
    color: #777;
}

.tcat a:hover,.tcat a:active {
    color: #555;
}

.trow1 {
    background: white;
    color: #444;
    border-top: 1px solid #EEE;
    padding: 12px 5px;
    vertical-align: middle;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;

    background-image: -webkit-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
}

.trow2 {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    background: white;
    color: #444;
    border-top: 1px solid #EEE;
    padding: 12px 5px;
    vertical-align: middle;

    background-image: -webkit-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #fff0d9;
    border-top: 0;
    color: #444;
    border-top: 0;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    color: #444;
    background: #f9f9f9;
    padding: 5px;
    border-top: 1px solid #eee;
}

.tfoot a:link {
    color: #777;
    text-decoration: none;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.tfoot a:visited {
    color: #777;
    text-decoration: none;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.tfoot a:hover,.tfoot a:active {
    text-decoration: none;
    color: #222;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.bottommenu {
    background: #0280ae url(../../../images/imperial/thead.gif) bottom;
    color: #ffffff;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float: center;
}

.bottommenu a:link {
    color: white;
}

.bottommenu a:visited {
    color: white;
}

.bottommenu a:hover, .bottommenu a:active {
    color: white;
        text-decoration: underline;
}
.navigation {
    clear: both;
    background: #E0E0E0 url(../../../images/imperial/secondary_nav_bg.png) repeat-x 0 0;
    overflow: hidden;
    line-height: 37px;
    height: 37px;
    border-bottom: 1px solid #ccc;
    text-shadow: 1px 1px 1px white;

    -webkit-box-shadow: inset 0px 0px 2px white;
    -moz-box-shadow: inset 0px 0px 2px white;
    box-shadow: inset 0px 0px 2px white;
    margin: -20px;
    margin-bottom: 10px;
}

.smalltext {
    font-size: 11px;
    color: #555;
}

.thead .smalltext {
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #F9f9f9;
    color: #999;
    border: 1px solid #ccc;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;

    -webkit-transition: 0.5s,padding 0.2s;
    -moz-transition: 0.5s,padding 0.2s;
    -o-transition: 0.5s,padding 0.2s;
    -ms-transition: 0.5s,padding 0.2s;
    transition: 0.5s,padding 0.2s;

    -webkit-box-shadow: inset 0px 2px 5px -2px #ddd;
    -moz-box-shadow: inset 0px 2px 5px -2px #ddd;
    box-shadow: inset 0px 2px 5px -2px #ddd;
}

input.textbox:hover {
    background: #F7F7F7;
    border: 1px solid #B9B9B9;
}

input.textbox:focus {
    background: #fff;
    border: 1px solid #A9c5c9;
    color: #777;
}

textarea:hover {
    background: #fcfcfc;
}

textarea:focus {
    background: #fff;

    -webkit-box-shadow: 0px 0px 10px #eee;
    -moz-box-shadow: 0px 0px 10px #eee;
    box-shadow: 0px 0px 10px #eee;
    border: 1px dotted #93b1b8;
}

textarea {
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
    outline: none;
    background: #f9fbfc;
    color: #555;
    border: 1px dotted #A5C0C7;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
    text-shadow: 1px 1px 1px white;
}

select {
    background: #f8f8f8;
    border: 1px solid #a8cccf;
    padding: 4px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    color: #666;

    -webkit-transition: background 1s,border 1s;
    -moz-transition: background 1s,border 1s;
    -o-transition: background 1s,border 1s;
    -ms-transition: background 1s,border 1s;
    transition: background 1s,border 1s;
    border: 1px solid #ddd;
    font-size: 11px;
}

select:hover {
    background: #f8f8f8;
    border: 1px solid #ccc;
}

select:focus {
    background: #Fff;
    border: 1px solid #ccc;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #eee;
    border: none;
    margin-top: 4px;
    border: 1px solid #bbb;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;

    -webkit-box-shadow: 0px 2px 3px #bbb;
    -moz-box-shadow: 0px 2px 3px #bbb;
    box-shadow: 0px 2px 3px #bbb;
    margin-left: -35px;
}

.popup_menu .popup_item {
    background: #eee;
    color: #888;
    text-shadow: 1px 1px 1px #fff;

    -webkit-transition: background 0.5s,color 1s;
    -moz-transition: background 0.5s,color 1s;
    -o-transition: background 0.5s,color 1s;
    -ms-transition: background 0.5s,color 1s;
    transition: background 0.5s,color 1s;
}

.popup_menu .popup_item:hover {
    background: #c5dbe0;
    color: #555;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    color: #f30;
    background: white;
    border: 1px solid #ff7878;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;

    -webkit-transition: 0.5s,padding 0.2s;
    -moz-transition: 0.5s,padding 0.2s;
    -o-transition: 0.5s,padding 0.2s;
    -ms-transition: 0.5s,padding 0.2s;
    transition: 0.5s,padding 0.2s;

    -webkit-box-shadow: 1px 1px 3px #eee;
    -moz-box-shadow: 1px 1px 3px #eee;
    box-shadow: 1px 1px 3px #eee;
}

.valid_field {
    background: #fff;
    color: #00B200;
    border: 1px solid yellowgreen;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;

    -webkit-transition: 0.5s,padding 0.2s;
    -moz-transition: 0.5s,padding 0.2s;
    -o-transition: 0.5s,padding 0.2s;
    -ms-transition: 0.5s,padding 0.2s;
    transition: 0.5s,padding 0.2s;

    -webkit-box-shadow: 1px 1px 3px #eee;
    -moz-box-shadow: 1px 1px 3px #eee;
    box-shadow: 1px 1px 3px #eee;
}

.validation_error {
    background: url(../../../images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(../../../images/valid.gif) no-repeat center left;
    color: #00B200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(../../../images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.left {
    float: left;
}

.right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    position: absolute;
    right: -5px;
    top: -8px;
}

.expcolimage:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.postbit_buttons {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    line-height: 16px;
}

.thead:hover .expcolimage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #555;
    color: #555;
    height: 1px;
    border: 0px;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    margin: 0;
    background: white;
    padding: 4px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    font-size: 12px;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    line-height: 1.8;
    color: #888;
}

blockquote cite {
    font-weight: bold;
    border-top: 1px solid #DDD;
    font-style: normal;
    display: block;
    margin: -4px;
    background: #ECECEC url(../../../images/imperial/highlight.png) repeat-x 0 0;
    padding: 5px 5px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 5px;
    color: #555;
    font-size: 15px;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fafafa;
    width: 50%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee;
    color: #888;
    padding: 10px;
}

.codeblock .title {
    font-weight: bold;
    color: #888;
    font-size: 11px;
    display: none;
}

.codeblock code {
    overflow: auto;
    height: auto;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 11px;
    background: #fafafa url(../../../images/imperial/code.png) right top no-repeat;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item .popup_item_container {
    border: 0 !important;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    white-space: nowrap;
    border: 0;
    outline: 0;
    display: block;
    width: 60px;
    margin: 0px;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
padding: 20px;
border: 1px solid #FFD324;
background: #FFF6BF url(../../../images/imperial/warning_red.png) no-repeat right -130px;
font-size: 11px;
border-radius: 2px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    display: block;
    color: #C00;
    margin-bottom: 5px;
    font-size: 13px;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: white;
    background: yellowgreen;
    display: inline-block;
    padding: 2px 6px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}

.offline {
    color: white;
    background: #BBB;
    display: inline-block;
    padding: 2px 6px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: rgba(0, 0, 0, 0.2) 0px -1px 0px;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;

    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
    transition: 1s;
}

.tfoot .pagination,.tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current,.pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    background: #DDD url(../../../images/imperial/highlight.png) repeat-x 0 0;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #CCC;
}

.pagination .pagination_current {
    background: #bbc7c6 url(../../../images/imperial/highlight.png) repeat-x 0 0;
    padding: 4px;
    padding-left: 6px;
    padding-right: 6px;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #99b8b8;
}

.pagination a:hover {
    text-decoration: none;
    background: #CCC url(../../../images/imperial/highlight.png) repeat-x 0 0;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border: 1px solid #BBB;
}

.thread_legend,.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend,.forum_legend dt,.forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding-left: 27px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
vertical-align: middle;
    border: none;
}

.repbox {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 7px 5px 7px;
}

._neutral {
    background-color: #FAFAFA;
    color: #999999;
    border: 1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border: 1px solid #980201;
}

._plus {
    background-color: #E8FCDC;
    color: #008800;
    border: 1px solid #008800;
}

.button {
    background: #475F66 url(../../../images/imperial/highlight.png) repeat-x 0 0;
    color: white;
    text-decoration: none;
    border-width: 1px;
    border: 0;
    padding: 5px 11px;
    cursor: pointer;
    color: #fff;

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

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    border: 1px solid #555;
    text-shadow: 0px -1px 0px rgba( 0, 0, 0, 0.3);
    font-family: tahoma;
}

.button:hover {
    background: #a2bfcf url(../../../images/imperial/highlight.png) repeat-x 0 0;
    color: #000;
    text-shadow: 1px 1px 1px #ccc;
    border: 1px solid #6b9aa8;
}

.button:active {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
    transition: 0s;
    

    -webkit-transform: scale(1.1);
}

.newreplybutton {
    background: #555 url(../../../images/imperial/highlight.png) repeat-x 0 0;
    text-decoration: none;
    border-width: 1px;
    padding: 6px 20px;
    cursor: pointer;
    color: white !important;

    -webkit-box-shadow: 1px 1px 1px #ccc,inset 0px 0px 2px #aaa;
    -moz-box-shadow: 1px 1px 1px #ccc,inset 0px 0px 2px #aaa;
    box-shadow: 1px 1px 1px #ccc,inset 0px 0px 2px #aaa;

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

    -webkit-transition: 0.3s,top 0.1s;
    -moz-transition: 0.3s,top 0.1s;
    -o-transition: 0.3s,top 0.1s;
    -ms-transition: 0.3s,top 0.1s;
    transition: 0.3s,top 0.1s;
    border: 1px solid #222;

    -webkit-animation: slide 1s;
    -moz-animation: slide 1s;
    -ms-animation: slide 1s;
    animation: slide 1s;
    font-family: lato;
    text-shadow: 0px -1px 0px rgba( 0, 0, 0, 0.3);
    text-transform: uppercase;
    font-size: 15px;
    display: block;
}

.newreplybutton:hover {
    color: white;
    border: 1px solid green;

    -webkit-box-shadow: inset 0px 0px 2px #eee,1px 1px 1px #ccc;
    -moz-box-shadow: inset 0px 0px 2px #eee,1px 1px 1px #ccc;
    box-shadow: inset 0px 0px 2px #eee,1px 1px 6px #ccc;
    background: yellowGreen url(../../../images/imperial/highlight.png) repeat-x 0 0;
}

.newreplybutton:active {
    position: relative;
    top: 5px;
}

.newreplybutton a:link {
    color: #fff;
    text-decoration: none;
}

.newreplybutton a:hover {
    color: #eee;
    text-decoration: none;
}

.newreplybutton a:visited {
    color: #fff;
    text-decoration: none;
}

.newreplybutton_closed {
    background-color: #6F6F6F;
    color: #999;
    background: #ddd url(../../.././images/imperial/highlight.png) repeat-x 0 0;
    text-decoration: none;
    border-width: 1px;
    padding: 7px 40px;

    -webkit-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.15) 0px 1px 3px;

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

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    border: 1px solid #ccc;

    -webkit-animation: slide 1s;
    -moz-animation: slide 1s;
    -ms-animation: slide 1s;
    animation: slide 1s;
    font-family: lato;
    font-size: 16px;
}

.relative {
position:relative;display: block;height: 1px;
}

.newreplybutton_closed a:link {
    color: #eee;
    text-decoration: none;
}

.newreplybutton_closed a:hover {
    color: #fff;
    text-decoration: none;
}

.newreplybutton_closed a:visited {
    color: #eee;
    text-decoration: none;
}

.notice {
    background: #FFD9B0 url(../../../images/imperial/highlight.png) repeat-x 0 0;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #FFCB94;
    border: 1px solid #FFC58A;
    color: #B85600;
    text-shadow: 1px 1px 1px #EEE;

    -webkit-box-shadow: inset 1px 1px 1px #eee;
    -moz-box-shadow: inset 1px 1px 1px #eee;
    box-shadow: inset 1px 1px 1px #eee;
}

.notice strong {
    font-size: 13px;
}

.welcomeblock_guest {
    position: relative;
    top: 2px;
}

#loginbutton {
    position: relative;
}

#loginbutton {
    color: white !important;
}

#usercp_button {
    position: relative;
    right: 60px;
}

.registerbutton {
    background: #9BCC4B url(../../../images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #7BA336;
    padding: 2px 10px;
    color: white !important;
    text-shadow: 0px 1px 1px #888;

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

    -webkit-box-shadow: inset 0px 0px 2px #aaa;
    -moz-box-shadow: inset 0px 0px 2px #aaa;
    box-shadow: inset 0px 0px 2px #aaa;

    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    -ms-transition: .4s;
    transition: .4s;
    border: 1px solid #555;
}

.userpanel_logout {
    background: #333 url(../../../images/imperial/highlight.png) repeat-x 0 0;
    padding: 2px 10px;
    color: white !important;
    text-shadow: 0px 1px 1px #888;

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

    -webkit-box-shadow: inset 0px 0px 2px #666;
    -moz-box-shadow: inset 0px 0px 2px #666;
    box-shadow: inset 0px 0px 2px #666;
    border: 1px solid #444;

    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    -ms-transition: 0.3s !important;
    transition: 0.3s !important;
}

.userpanel_logout:hover {
    background: #0E1B26;
    border: 1px solid #000;
}

.registerbutton:hover {
    border: 1px solid #0d7e82;
    background: #5ababd url(../../../images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #555;
}

.panelbottomhr {
    margin-top: 16px;

    -webkit-box-shadow: 0px 0px 2px white;
    -moz-box-shadow: 0px 0px 2px white;
    box-shadow: 0px 0px 2px white;
}

/* dropdowns:  general */
#loginbutton_menu:before {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent; /* left arrow slant */
border-right: 15px solid transparent; /* right arrow slant */
border-bottom: 15px solid #D4D4D4; /* bottom, add background color here */
font-size: 0px;
    line-height: 0px;
    content: "";
    display: none;
    position: absolute;
    top: -15px;
    right: 20px;
}

#loginbutton_menu input[type=text],#loginbutton_menu input[type=password] {
    display: block;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bbb;
    font-size: 13px;
    margin: 0 0 5px;
    background: #f9f9f9;
    padding: 5px;
    width: 203px;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    margin-top: 5px;
}

#loginbutton_menu input:focus {
    -webkit-box-shadow: 0px 0px 5px #ccc;
    -moz-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}

#loginbutton_menu input:hover {
    background: #fff;
}

#signin_submit {
    background: #777;
    border: 1px solid #555;
    color: white;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 4px 30px;

    -webkit-box-shadow: inset 1px 1px 1px #999;
    -moz-box-shadow: inset 1px 1px 1px #999;
    box-shadow: inset 1px 1px 1px #999;
    cursor: pointer;
}

#signin_submit:hover {
    background: #555 !important;

    -webkit-box-shadow: inset 1px 1px 1px #888;
    -moz-box-shadow: inset 1px 1px 1px #888;
    box-shadow: inset 1px 1px 1px #888;
}

#signin_submit:active {
    background: #555;
}

#loginbutton_menu p {
    margin: 0;
}

#loginbutton_menu a {
    color: #666;
}

#loginbutton_menu label {
    font-weight: normal;
}

#loginbutton_menu p.remember {
    padding: 10px 0;
}

#loginbutton_menu p.forgot,#loginbutton_menu p.complete {
    clear: both;
    margin: 5px 0;
}

#loginbutton_menu a:hover {
    color: #27B;
}

#usercp_menu a {
    color: #666 !important;
    display: block;
    padding: 5px;
}

#usercp_menu a:hover {
    color: #27B !important;
    background: #fff;
}

#loginbutton_submit {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #39d url(../../../images/bg-btn-blue.png) repeat-x scroll 0 0;
    border: 1px solid #39D;
    color: #fff;
    text-shadow: 0 -1px 0 #39d;
    padding: 4px 10px 5px;
    font-size: 11px;
    margin: 0 5px 0 0;
    font-weight: bold;
}

#loginbutton_submit::-moz-focus-inner {
    padding: 0;
    border: 0;
}

#loginbutton_submit:hover,#loginbutton_submit:focus {
    background-position: 0 -5px;
    cursor: pointer;
}

a.loginbutton {
    text-decoration: none;
    color: #ddd;
}

a.loginbutton:hover {
    text-shadow: 1px 1px 5px #CCC;
    color: white;
}

a.loginbutton:active {
    text-shadow: 1px 1px 5px #CCC;
    color: white;
}

a.loginbutton {
    position: relative;
    margin: 0px 10px;
    clear: both;
}

#usercp_button .loginbutton_menu_open span {
    width: 66px;
}

.loginbutton_menu_open span {
    height: 20px;
    background: #fff;
    z-index: 999;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding-right: 5px;
    padding-bottom: 4px;
    top: 1px;
    color: #555;
    padding-left: 20px;
    position: relative;
    padding-top: 3px;
    left: 4px;
}

#loginbutton_menu {
    background: white;
    position: absolute !important;
    width: 210px;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 15px;
    top: -2px;
    display: none;
    right: 35px;
    margin-top: 30px;
    margin-right: 0px;
    color: #777;
    font-size: 11px;

    -webkit-border-radius: 5px 5px 10px 10px;
    -moz-border-radius: 5px 5px 10px 10px;
    border-radius: 5px 5px 10px 10px;
    text-shadow: 0px 1px 1px white;

    -webkit-box-shadow: 5px 4px 25px #111;
    -moz-box-shadow: 5px 4px 25px #111;
    box-shadow: 5px 4px 25px #111;
}

#loginbutton_menu a:link {
    color: #666;
}

#loginbutton_menu a:hover {
    color: #0298b3;
}

#message_popup {
    background: #eee;
    position: absolute !important;
    width: 250px;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 15px;
    top: -5px;
    display: none;
    right: 114px;
    margin-top: 30px;
    margin-right: 0px;
    color: #777;
    font-size: 11px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 6px solid #fff;
    text-shadow: 0px 1px 1px white;

    -webkit-box-shadow: 5px 4px 25px #111;
    -moz-box-shadow: 5px 4px 25px #111;
    box-shadow: 5px 4px 25px #111;
}

#usercp_menu {
    background: #eee;
    position: absolute !important;
    width: 250px;
    z-index: 100;
    border: 1px transparent;
    text-align: left;
    padding: 15px;
    top: -5px;
    display: none;
    right: 15px;
    margin-top: 30px;
    margin-right: 0px;
    color: #777;
    font-size: 11px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 6px solid #fff;
    text-shadow: 0px 1px 1px white;

    -webkit-box-shadow: 0px 10px 25px -5px #111;
    -moz-box-shadow: 0px 10px 25px -5px #111;
    box-shadow: 0px 10px 25px -5px #111;
}

.threadpost {
    background: #F9F9F9;
    width: 85%;
    float: left;
    display: block;
    border: 1px solid #E3E3E3;
    margin-top: 10px;

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

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    margin-bottom: 10px;
    padding-top: 10px;
}

.threadpost:before {
    background: url(../../../images/imperial/post_arrow.png) no-repeat;
    width: 50px;
    position: absolute;
    height: 50px;
    content: "";
    top: 15px;
    left: -40px;
}

.threadpost:hover {
    border: 1px solid #ccc;
}

.threadpost:hover .post_options {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.forgot span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    position: relative;
    top: 4px;
    background: #444;
    color: white;
    text-shadow: none;
    padding: 4px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    font-size: 10px;
    position: absolute;
    height: 10px;
    top: 141px;
    left: 125px;
    width: 210px;
}

.forgot:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    display: block;
}

.forgot a {
    color: #888;
    font-size: 11px;
    margin-right: -22px;
}

.f_img {
    position: relative;
    left: -11px;
}

.forumdesc {
    font-family: tahoma,arial;
    color: #777;
    font-size: 11px;
    margin-top: 2px;
}

.forumtitle {
    font-weight: bold;
}

.postcountgrid {
    color: #555;
    font-size: 11px;
    font-family: tahoma;
    line-height: 1.3;
    text-align: right;
}

.forumbit_row {
    1px solid #434343;
     background: white;
    border-top: 1px solid #EFE8DD;
    vertical-align: middle;
    padding: 10px 0px 10px 0px;

    background-image: -webkit-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -moz-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -o-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: -ms-linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    background-image: linear-gradient(top, rgba(239, 232, 221, 0) 0%, rgba(239, 232, 221, 0.1) 100%);
    text-shadow: 1px 1px 1px white;
    line-height: 17px;
}

.forumbit_posttime {
    color: #A4A4A4;
    text-shadow: 1px 1px 1px white;
}

.forumheaddesc {
    float: left;
    background: #fff;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: relative;
    top: -4px;
    margin-left: 10px;
    padding: 3px;
    left: 10px;

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

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;

    -webkit-box-shadow: 1px 0px 4px #444;
    -moz-box-shadow: 1px 0px 4px #444;
    box-shadow: 1px 0px 4px #444;
    color: #555 !important;
    text-shadow: none !important;
    font-weight: bold;
    font-size: 10px;
    height: 12px;
}

.forumheaddescie {
    float: left;
    background: #fff;
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: relative;
    top: -4px;
    margin-left: 10px;
    padding: 3px;
    left: 10px;

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

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;

    -webkit-box-shadow: 1px 0px 4px #444;
    -moz-box-shadow: 1px 0px 4px #444;
    box-shadow: 1px 0px 4px #444;
    color: #555 !important;
    text-shadow: none !important;
    font-weight: bold;
    font-size: 10px;
    height: 12px;
}

#forumbit_thead:hover .forumheaddesc {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.forumheaddesc:before {
    position: absolute;
    left: -7px;
    width: 0;
    height: 0;
    top: 2px;
    content: "";
    display: block;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid white;
}

.tcat:hover .expcolimage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.tcat .expander {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.tcat:hover .expander {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#index_forums {
    float: left;
    width: 100%;
    margin-right: 10px;
}

#index_sidebar {
    float: left;
    width: 21%;
}

.postbit_button {
    padding-left: 22px;
}

.postbit_buttons a:link {
    color: #666;
    font-weight: bold;
    font-size: 11px;
}

.postbit_buttons a:visited {
    color: #666;
}

.postbit_buttons a:hover {
    color: black;
}

.index_sidebar_box {
    width: 100%;
    border: 1px solid #bbb;
    border-top: 0;
}

.mybb_credits {
    margin-right: 10px;
}

.footer_siteinfo {
    float: right;
    position: relative;
    top: -25px;
}

.theme_credits {
    margin: 15px;
    font-size: 14px;
}

.site_copyright {
    position: relative;
    top: 10px;
}

.usercp_button_arrow {
    display: inline-block;
    height: 4px;
    width: 9px;
    background: url(../../../images/imperial/header_dropdown.png)no-repeat;
    margin-left: 5px;
    margin-bottom: 1px;
}

.loginbutton_menu_open .usercp_button_arrow {
    position: relative;
    background-position: right;
}

.usercpmenu_leftblock {
    width: 45%;
    margin-top: 5px;
    border-right: 1px dotted #aaa;
    padding-right: 3%;
}

.usercpmenu_rightblock {
    width: 45%;
    margin-top: 5px;
    padding-left: 3%;
}

.usercpmenu_clock {
    padding-left: 60px;
    background: url(../../../images/imperial/clock1.png) no-repeat left;
    height: 50px;
    position: relative;
    left: -12px;
}

.message_icon {
    background: url(../../../images/imperial/message3.png) no-repeat;
    display: block;
    height: 28px;
    position: absolute;
    width: 35px;
    right: 80px;
    top: -2px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;

    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    background-position: 1px 4px;
}

.message_icon:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.message_pane {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.message_pane:hover .pms_unread {
    background: #d64d4d;
}

.pms_unread {
    background: #272E38;
    padding: 0 5px;
    position: absolute;
    top: -4px;
    height: 15px;
    right: 78px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;

    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.pms_unread:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: #d64d4d;
}

.contactbutton img {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.contactbutton a {
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background: #ABC0C4 url(../../../images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #8CB1B8;
    margin: 0px 2px 3px;
    padding: 1px 7px;
    vertical-align: middle;

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

    -webkit-box-shadow: inset 0px 0px 2px #ddd;
    -moz-box-shadow: inset 0px 0px 2px #ddd;
    box-shadow: inset 0px 0px 2px #ddd;
    color: white;
    text-shadow: 0px -1px 1px #888;
    padding-bottom: 4px;
}

.contactbutton a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: #8CB1B8 url(../../../images/imperial/highlight.png) repeat-x 0 0;
}

.designed_by a {
    font-weight: bold;
    font-size: 14px;
    font-family: tahoma;
}

.pixel {
    color: #7fc0c9;
}

.monkey {
    margin-left: 2px;
    color: #ffb547;
}

.footerlinks {
    float: left;
    text-align: left;
}

.threadlist_postviewcount {
    color: #666;
    font-size: 11px;
    text-align: right;
}

.threadlist_postviewcount a {
    color: #666;
}

.threadlist_row .star_rating {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    float: right;
}

.threadlist_row .threadlist_multipage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;

    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    text-align: left;
    margin-left: 20px;
}

.threadlist_row:hover .threadlist_multipage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.threadlist_multipage a {
    background: #DDD url(../../../images/imperial/highlight.png) repeat-x 0 0;
    padding: 1px 4px;
    color: #888;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0px 1px white;
    border: 1px solid #CCC;
    font-weight: bold;
    font-size: 10px;
}

.threadlist_multipage a:hover {
    background: #CCC url(../../../images/imperial/highlight.png) repeat-x 0 0;
    border: 1px solid #BBB;
    color: #777;
}

.threadlist_row:hover .star_rating {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.phpcodeblock span {
    color: #74B9C2 !important;
}

input.textbox {
box-shadow:none;
}

td[align="center"] {
text-align:center;
}

td[align="left"] {
text-align:left !important;
}

td[align="right"] {
text-align:right !important;
}

img[src="images/imperial/on.gif"],img[src="images/imperial/off.gif"],img[src="images/imperial/
offlock.gif"] {
position: relative;
left: -15px;
}

.alt_forumlar {list-style: none; margin: 0; padding: 0;}

.alt_forumlar li {width: 50%; float: left;}

Ayrıca arkadaşım birazcık yaratıcı olun, kaynak koda bakıp her yaptıklarımızı almayın. Süper
Cevapla
Bunu Beğenenler:

Çevrimdışı Phantom
 Tarih: 24-09-2012, Saat:16:31
#3
daha kısa yolu yok mu ?
Cevapla
Bunu Beğenenler:

Çevrimdışı ByMasteR
 Tarih: 24-09-2012, Saat:16:32
#4
(24-09-2012, Saat:16:31)Phantom Adlı Kullanıcıdan Alıntı: daha kısa yolu yok mu ?

header arka plan, logunun olduğu px, sağdaki giriş panelleri, menu, ozel mesaj yeri teker teker yapacaksan var. Sana göre hangisi daha kısa?
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] thead sorununu nasıl duzeltirim erdal038 6 1,166 14-06-2015, Saat:15:40
Son Yorum: ReDMaD
  Özel url nasıl oluyor Laplap 3 956 11-09-2014, Saat:19:57
Son Yorum: Laplap
  Selamun Aleyküm Forum yazısı editleme yardım darkpasha 1 1,661 07-09-2014, Saat:16:27
Son Yorum: eatik
SSS Sitemdeki Tarayıcı İkonunu Nasıl Değiştiririm ? PowerTeam 3 1,121 01-09-2014, Saat:23:57
Son Yorum: BlackCat
  Değiştirilemeyen Forum Adı emre354 12 1,350 21-08-2014, Saat:04:30
Son Yorum: usameavci



Konuyu Okuyanlar: 1 Ziyaretçi