MyBB Depo Forum
[MCTR - 1.6] css ve logo kodları - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Soru ve Sorunlarınız (https://mybbdepo.com/mybb-1-6-soru-ve-sorunlariniz-forumu)
+--- Konu Başlığı: [MCTR - 1.6] css ve logo kodları (/css-ve-logo-kodlari-konusu.html)

css ve logo kodları - fatihcray09 - 14-08-2014

css kodu

Kod:
/* -----------------------------------------
Theme Name: BlueGame - MyBB
Author: orizon
Description: BlueGame - MyBB.
Version: 1.0
----------------------------------------- */

body {
    background: #ccc url(images/orizon/arkaplan.jpg) no-repeat center center fixed;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
a:link {
    color: #fff;
    text-decoration: none;
}

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

a:hover, a:active {
    color: #9c9c9c;
    text-decoration: none;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    background:url(images/orizon/wrapper_loop.jpg) repeat top left;
}


.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: none;
}

.menu ul a:visited {
    color: #000000;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4874a3;
    text-decoration: none;
}

#panel {
    background: #181818 url(images/orizon/hot_news_bg.jpg) top left repeat-x;
        color: #fff;
    font-size: 11px;
    border: 1px solid #461C0E;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #f0f0f0;
    text-shadow: 0 -1px 0 #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.welcome{
background: #869BBF url(images/orizon/box-bg.jpg);    color: #ffffff;
        font-size:11px;
        font-weight:bold;
        font-family:tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
}

.welcome a{

        color:#fff;
}

.welcome a:hover{

        color:#fff;
        text-decoration:none;
}

.welcome a:visited{
        color:#fff;
}

.welcome_bottom{
        font-size: 11px;
        font-weight: bold;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
}

.tborder {
    background: #0C140B;
    width: 100%;
    margin: auto auto;
    border: 1px solid #000;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -border-radius: 4px 4px 0 0;
}

.thead {
    background: #181818 url(images/orizon/thead.png) top left repeat-x;
    color: #ffffff;
    padding: 0px 10px;  
    border-radius: 5px 5px 0 0;
    height: 37px;
    line-height: 37px;
    border: 1px solid #461C0E !important;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

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

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

.tcat {
    background: #1b1b1b;
color: #686868;
    padding: 8px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #000;
    padding-top: -3px;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    font-size: 12px;
}

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

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

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


.trow1 {
    background:  url(images/orizon/cbg.png);
}

.trow2 {
    background:  url(images/orizon/cbg2.png);
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #0f0f0f;
}

.trow_sep {
    background: #0f0f0f;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}


.tfoot {
    background: #181818 url(images/orizon/thead_bg.gif) top left repeat-x;
    color: #ffffff;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
}

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

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

.tfoot a:hover, .tfoot a:active {
    color: #ffffff;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    background: url(images/orizon/hot_news_bg.jpg) center top repeat-x #181818;
    color: #ff2a2a;
    border: 1px solid #461C0E;
    padding: 9px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0 1px 1px #404040;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

.navigation a:link {
    color: #ff2a2a;
    text-decoration: none;
}

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

.navigation a:hover, .navigation a:active {
    color: #FFFFFF;
    text-decoration: none;
}

.navigation .active {
    color: #FFFFFF;
    font-weight: bold;
}
.smalltext {
    font-size: 11px;
}

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

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #FFFFFF;
    padding: 1px;
}

textarea {
    background: #fff url(images/orizon/metinalani.gif) repeat-x scroll left top;
       color: #000000;
    border: 1px solid #461C0E;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

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

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

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

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

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #403f3f;    
        color: #ffffff;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/orizon/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/orizon/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/orizon/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;
}

.float_left {
    float: left;
}

.float_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;
}

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

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

#copyright {
    font: 11px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 10px 0 0 0;
}

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

blockquote {
margin: 1em 40px;
border: 3px solid #e5e5e5;
font-style:italic;
line-height:24px;
font-size:13px;
background: url(images/orizon/blockquote.png) 15px 9px no-repeat;
padding:5px 0 0 50px;
margin-bottom:20px;
}

blockquote cite {
    display: block;
    margin: 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 3px 0;
    margin-bottom: 3px;
    font-style: normal;
    font-weight: bold;
}

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

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

.codeblock {
width:660px!important;
padding: 5px!important;
margin-bottom: 5px!important;
background: url(images/orizon/code.png) 615px 9px no-repeat;
border: 1px solid #e5e5e5!important;
border-left-width: 4px!important;
color: #fff!important;
}

.codeblock .title {
    font-weight: bold;
        padding:5px 5px;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

.codeblock code {
width:660px!important;
font-family: Calibri, 'CalibriRegular';
overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
font-weight: normal;
}

.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 {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.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: #ffac4a;
    border: 1px solid #f68b0d;
    color: #111;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
        display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 44px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;

}

.red_alert {
    background: #fd1313;
    border: 1px solid #d60000;
        color: #111;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
        display: block;
    position: relative;
    margin-bottom: 20px;
    padding: 12px 44px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

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

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/orizon/error.gif) no-repeat 0;
}

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

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

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

.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 {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.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;
}

.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: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/orizon/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;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

thead tr:only-child td:first-child,
tr:first-child td:first-child {
    -moz-border-radius:5px 0 0 0;
    border-radius:5px 0 0 0;
}
thead tr:only-child td:last-child,
tr:first-child td:last-child {
    -moz-border-radius:0 5px 0 0;
    border-radius:0 5px 0 0;
}
tr:last-child td:last-child {
    -moz-border-radius:0 0 5px 0;
    border-radius:0 0 5px 0;
}
tr:last-child td:first-child {
    -moz-border-radius:0 0 0 5px;
    border-radius:0 0 0 5px;
}
tr:only-child td:first-child {
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
}
tr:only-child td:last-child {
    -moz-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
}
.tborder,
tr:only-child td:only-child {
    -moz-border-radius:5px;
    border-radius:5px;
}
tr:last-child td:only-child,
thead ~ tbody tr:only-child td,
#posts .tborder[style*="border-top-width"],
.tborder[style*="border-top-width"],
.tborder[style*="border-top-width"] tbody tr td.tfoot {
    -moz-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
}
tr:first-child td:only-child,
thead tr:only-child td:only-child,
.tborder[style*="border-bottom-width"],
.tborder[style*="border-bottom-width"] tbody tr td,
#posts .tborder[style*="top: 5"]:last-child {
    -moz-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
}
thead ~ tbody tr:first-child td:only-child,
thead ~ tbody tr:first-child td:first-child,
thead ~ tbody tr:first-child td:last-child,
#posts .tborder[style*="border-top-width"] tbody tr:first-child td:only-child,
#posts .tborder[style*="top: 5"] tbody tr:last-child td:only-child {
    -moz-border-radius:0;
    border-radius:0;
}

#footer {
    clear:both;
    width:100%;
    height:127px;
    background:url(images/orizon/trow.gif) repeat-x 0 0;
    text-align:center;
}
#footer-orizon {
    width:960px;
    margin:0 auto;
}
ul#foot-nav {
    clear:both;
    display:block;
    float:left;
    width:450px;
    font:bold 12px 'Oswald', Helvetica, Arial, sans-serif;
    line-height:20px;
}
ul#foot-nav li {
    display:block;
    margin:0 0 3px 3px;
    padding-left:5px;
    float:left;
    width:140px;
    height:20px;
    background-color:#212121;
}
ul#foot-nav li a {
    text-decoration: none;
    color:#fff;
}
p#footer-logo {
    float:right;
    display:block;
    width: 366px;
    height: 170px;
    margin-top: -63px;
    background: url(http://siteadi.com/images/logo.gif) no-repeat top right;
    color:#fff;
}

p#footer-logo a {
    float:left;
    display:block;
    width:350px;
    height:66px;
    text-indent:-9999px;
}
p#footer-logo span {
    color:#f2f2f2;
    float:left;
    display:block;
    width:350px;
}

div.social-wrap{font-size:18px;color:#fff;width:440px}ul.social-networks{list-style:none;overflow:hidden;margin:0 auto;padding:22px 205px;width:216px}ul.social-networks li{float:left;margin:0 2px;border:0}.icon-twitter a,.icon-facebook a,.icon-dribbble a,.icon-skype a,.icon-gplus a,.icon-rss a{float:left;background:url(images/orizon/social-sprite.png) no-repeat left bottom;text-indent:8000px;width:32px;height:32px;-webkit-transition:all .23s ease-in-out;-moz-transition:all .23s ease-in-out;-o-transition:all .23s ease-in-out;transition:all .23s ease-in-out;margin-top:3px}.icon-twitter a:hover,.icon-facebook a:hover,.icon-dribbble a:hover,.icon-skype a:hover,.icon-gplus a:hover,.icon-rss a:hover{opacity:.8;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.icon-twitter,.icon-twitter a{background-position:-0px bottom}.icon-facebook,.icon-facebook a{background-position:-32px bottom}.icon-dribbble,.icon-dribbble a{background-position:-64px bottom}.icon-skype,.icon-skype a{background-position:-96px bottom}.icon-gplus,.icon-gplus a{background-position:-128px bottom}.icon-rss,.icon-rss a{background-position:-160px bottom}


    .buttons {
        position: relative;
        display: inline-block;
        cursor: pointer;
        height: 16px;
        margin: 0;
        padding: 6px 10px;
        border: 1px solid;
        color: #fefefe;
        font-size: 13px;
        font-family: sans-serif;
        line-height: 16px;
        text-decoration: none;
        gray-space: nowrap;
        vertical-align: bottom;

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

        text-shadow: 0 1px 0 #777;
    }
    buttons.buttons {
        height: 30px;
        padding: 5px 7px 6px;
    }

    .no-cssgradients .buttons {
        background: url(images/orizon/buttons-bg.png) repeat-x;
    }

    .no-borderradius .buttons:before, .no-borderradius .buttons:after { content: ' '; position: absolute; top: -1px; width: 12px; height: 30px; background: url(images/orizon/corners.png); }
    .no-borderradius buttons { border-right: none; border-left: none; padding: 4px 10px 6px; }
    .no-borderradius buttons.buttons:before, .no-borderradius buttons.buttons:after { top: -2px; }
    .no-borderradius .buttons:before { left: -1px; }
    .no-borderradius buttons.buttons:before { left: 0; }
    .no-borderradius .buttons:after { right: -1px; }
    .no-borderradius buttons.buttons:after { right: 0; }
    .no-borderradius .buttons-left:after,
    .no-borderradius .buttons-middle:before,
    .no-borderradius .buttons-middle:after,
    .no-borderradius .buttons-right:before { content: ''; width: 0; height: 0; }

    .buttons-left{
        -moz-border-radius: 4px 0 0 4px;
        -o-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px;
    }

    .buttons-middle{
        border-left: none;

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

    .buttons-right{
        border-left: none;

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

    .round {
        -moz-border-radius: 12px;
        -o-border-radius: 12px;
        -webkit-border-radius: 12px;
        border-radius: 12px;
    }

    .round.buttons-left {
        -moz-border-radius: 12px 0 0 12px;
        -o-border-radius: 12px 0 0 12px;
        -webkit-border-radius: 12px 0 0 12px;
        border-radius: 12px 0 0 12px;
    }

    .round.buttons-right {
        -moz-border-radius: 0 12px 12px 0;
        -o-border-radius: 0 12px 12px 0;
        -webkit-border-radius: 0 12px 12px 0;
        border-radius: 0 12px 12px 0;
    }

    .icon {
        display: block;
        float: left;
        overflow: hidden;
        width: 15px;
        height: 16px;
        margin-right: 6px;
        background: url(images/orizon/icons.png) no-repeat;
    }
    .icon-right {
        float: right;
        margin-left: 6px;
        margin-right: 0;
    }

    .user { background-position: 0 0; }
    .gray .user { background-position: 0 -16px; }

    .user-group { width: 19px; background-position: 0 -32px; }
    .gray .user-group { background-position: 0 -48px; }

    .calendar { background-position: 0 -64px; }
    .gray .calendar { background-position: 0 -80px; }

    .comment { width: 22px; background-position: 0 -96px; }
    .gray .comment { background-position: 0 -112px; }

    .photos { width: 21px; height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -128px; }
    .gray .photos { background-position: 0 -147px; }

    .videos { width: 17px; background-position: 0 -166px; }
    .gray .videos { background-position: 0 -182px; }

    .message { background-position: 0 -198px; }
    .gray .message { background-position: 0 -214px; }

    .new-message { width: 18px; background-position: 0 -230px; }
    .gray .new-message { background-position: 0 -246px; }

    .profile { width: 17px; background-position: 0 -262px; }
    .gray .profile { background-position: 0 -278px; }

    .presentation { width: 20px; background-position: 0 -294px; }
    .gray .presentation { background-position: 0 -311px; }

    .settings { width: 12px; background-position: 0 -327px; }
    .gray .settings { background-position: 0 -343px; }

    .unlock { width: 16px; background-position: 0 -359px; }
    .gray .unlock { background-position: 0 -375px; }

    .lock { width: 16px; background-position: 0 -391px; }
    .gray .lock { background-position: 0 -407px; }

    .screen { background-position: 0 -423px; }
    .gray .screen { background-position: 0 -439px; }

    .save { background-position: 0 -455px; }
    .gray .save { background-position: 0 -471px; }

    .edit { width: 18px; height: 18px; margin-top: -1px; margin-bottom: -1px; background-position: 0 -487px; }
    .gray .edit { background-position: 0 -505px; }

    .cut { width: 13px; height: 17px; margin-bottom: -1px; background-position: 0 -523px; }
    .gray .cut { background-position: 0 -540px; }

    .paste { width: 13px; height: 17px; margin-bottom: -1px; background-position: 0 -557px; }
    .gray .paste { background-position: 0 -574px; }

    .facebook { width: 11px; height: 17px; margin-bottom: -1px; background-position: 0 -591px; }
    .gray .facebook { background-position: 0 -608px; }

    .twitter { width: 11px; background-position: 0 -625px; }
    .gray .twitter { background-position: 0 -641px; }

    .search { background-position: 0 -657px; }
    .gray .search { background-position: 0 -673px; }

    .logout { background-position: 0 -689px; }
    .gray .logout { background-position: 0 -705px; }

    .address-book { height: 17px; margin-bottom: -1px; background-position: 0 -721px; }
    .gray .address-book { background-position: 0 -738px; }

    .clock { background-position: 0 -755px; }
    .gray .clock { background-position: 0 -770px; }

    .documents { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -787px; }
    .gray .documents { background-position: 0 -805px; }

    .documents-pdf { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -825px; }
    .gray .documents-pdf { background-position: 0 -843px; }

    .documents-word { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -862px; }
    .gray .documents-word { background-position: 0 -881px; }

    .documents-excel { width: 20px; background-position: 0 -900px; }
    .gray .documents-excel { background-position: 0 -916px; }

    .documents-powerpoint { width: 19px;background-position: 0 -932px; }
    .gray .documents-powerpoint { background-position: 0 -948px; }

    .documents-zip { height: 19px; margin-top: -1px; margin-bottom: -2px; background-position: 0 -964px; }
    .gray .documents-zip { background-position: 0 -983px; }

    .document { width: 12px; background-position: 0 -1002px; }
    .gray .document { background-position: 0 -1018px; }

    .document-pdf { width: 12px; background-position: 0 -1034px; }
    .gray .document-pdf { background-position: 0 -1050px; }

    .document-word { width: 12px; background-position: 0 -1066px; }
    .gray .document-word { background-position: 0 -1082px; }

    .document-excel { width: 16px; background-position: 0 -1098px; }
    .gray .document-excel { background-position: 0 -1114px; }

    .document-powerpoint { width: 16px;background-position: 0 -1130px; }
    .gray .document-powerpoint { background-position: 0 -1146px; }

    .document-zip { width: 12px; background-position: 0 -1162px; }
    .gray .document-zip { background-position: 0 -1178px; }

    .music { background-position: 0 -1194px; }
    .gray .music { background-position: 0 -1210px; }

    .play { width: 9px; background-position: 0 -1226px; }
    .gray .play { background-position: 0 -1242px; }

    .stop { width: 13px; background-position: 0 -1258px; }
    .gray .stop { background-position: 0 -1274px; }

    .next-track { width: 13px; background-position: 0 -1290px; }
    .gray .next-track { background-position: 0 -1306px; }

    .prev-track { background-position: 0 -1322px; }
    .gray .prev-track { background-position: 0 -1338px; }

    .eject { width: 17px; background-position: 0 -1354px; }
    .gray .eject { background-position: 0 -1370px; }

    .remove { width: 16px; background-position: 0 -1386px; }
    .gray .remove { background-position: 0 -1402px; }

    .add { width: 16px; background-position: 0 -1418px; }
    .gray .add { background-position: 0 -1434px; }

    .cancel { width: 15px; background-position: 0 -1450px; }
    .gray .cancel { background-position: 0 -1466px; }

    .ok { background-position: 0 -1482px; }
    .gray .ok { background-position: 0 -1498px; }

    .home { width: 17px; background-position: 0 -1514px; }
    .gray .home { background-position: 0 -1530px; }

    .crosshair { background-position: 0 -1546px; }
    .gray .crosshair { background-position: 0 -1562px; }

    .favorite { width: 16px; background-position: 0 -1578px; }
    .gray .favorite { background-position: 0 -1595px; }

    .unfavorite { background-position: 0 -1612px; }
    .gray .unfavorite { background-position: 0 -1628px; }

    .folder { width: 18px; background-position: 0 -1644px; }
    .gray .folder { background-position: 0 -1660px; }

    .tag { background-position: 0 -1676px; }
    .gray .tag { background-position: 0 -1692px; }

    .bookmark { width: 11px; background-position: 0 -1708px; }
    .gray .bookmark { background-position: 0 -1724px; }

    .bookmark-book { width: 13px; background-position: 0 -1740px; }
    .gray .bookmark-book { background-position: 0 -1756px; }

    .bar-graph { width: 18px; background-position: 0 -1772px; }
    .gray .bar-graph { background-position: 0 -1788px; }

    .heart { width: 16px; background-position: 0 -1804px; }
    .gray .heart { background-position: 0 -1820px; }

    .arrow-left { background-position: 0 -1836px; }
    .gray .arrow-left { background-position: 0 -1852px; }

    .arrow-right { background-position: 0 -1868px; }
    .gray .arrow-right { background-position: 0 -1884px; }

    .arrow-down { width: 14px; background-position: 0 -1900px; }
    .gray .arrow-down { background-position: 0 -1916px; }

    .arrow-up { width: 14px; background-position: 0 -1932px; }
    .gray .arrow-up { background-position: 0 -1948px; }

/*  ------------------- White buttons  ------------------- */
    .gray {
        border-color: #999;

        background: -moz-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -ms-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -o-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(0.5, #d6d7d9), color-stop(1, #cacbcd));
        background: -webkit-linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: linear-gradient(top, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);

        color: #000;
        text-shadow: 0 1px 0 #fafafa;
    }
    .no-cssgradients .gray { background-position: 0 0; }
    .no-borderradius .gray:before { background-position: 0 0; }
    .no-borderradius .gray:after { background-position: 0 -60px; }
    .no-borderradius .gray.round:before { background-position: 0 -120px; }
    .no-borderradius .gray.round:after { background-position: 0 -180px; }

    .gray:hover {
        background: -moz-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -ms-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -o-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fefefe), color-stop(0.5, #d6d7d9), color-stop(1, #cacbcd));
        background: -webkit-linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
        background: linear-gradient(bottom, #fefefe 0%, #d6d7d9 50%, #cacbcd 100%);
    }
    .no-cssgradients .gray:hover { background-position: 0 -28px; }
    .no-borderradius .gray:hover:before { background-position: 0 -30px; }
    .no-borderradius .gray:hover:after { background-position: 0 -90px; }
    .no-borderradius .gray.round:hover:before { background-position: 0 -150px; }
    .no-borderradius .gray.round:hover:after { background-position: 0 -210px; }
/*  ------------------- White buttons  ------------------- */

.bilgi2{
padding: 5px;
margin-bottom: 5px;
background: #fff url(images/orizon/metinalani.gif) repeat-x scroll left top;
border: 1px dashed #461C0E;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


.bilgi {
background-color: #373b3c;
border: 1px dashed #fff;
padding: 6px;
margin-bottom: 5px;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.pAvatarFrame {
    background: url(images/orizon/media_bg.png) no-repeat;
    width: 125px;
    height: 125px;
    position: relative;
}

.pAvatarFrame img {
    background: #f7f7f7;
    display: block;
    position: absolute;
    left: 11px;
    top: 4px;
    width: 98px;
    height: 98px;
    margin-top: 7px;
    margin-left: 2px;
}

.userprofile_avatar
{
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=96);
    filter:alpha(opacity=96);
    opacity:0.96;
}

.userprofile_avatar img
{
    -moz-box-shadow:1px 3px 4px #ccc;
    -moz-transition:.4s;
    -ms-transition:.4s;
    -o-transition:.4s;
    -webkit-box-shadow:1px 3px 4px #ccc;
    -webkit-transition:.4s;
    border:2px solid transparent;
    box-shadow:1px 3px 4px #ccc;
    float:left;
    margin:24px;
    max-height:94px;
    max-width:95px;
    outline:1px solid #ccc;
    transition:.4s;
}

.userprofile_avatar:hover img
{
    -moz-animation:useravatar 1s;
    -ms-animation:useravatar 1s;
    -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -webkit-animation:useravatar 1s;
    animation:useravatar 1s;
    filter:alpha(opacity=100);
    opacity:1;
}

.userprofile_away
{
    -moz-border-radius:5px;
    -moz-box-shadow:inset 0 0 2px white,1px 1px 7px #eee;
    -webkit-border-radius:5px;
    -webkit-box-shadow:inset 0 0 2px white,1px 1px 7px #eee;
    background:#eee;
    border:1px solid #ddd;
    border-radius:5px;
    box-shadow:inset 0 0 2px white,1px 1px 7px #eee;
    float:right;
    padding:10px;
    position:relative;
}

.userprofile_away:before
{
    border-bottom:15px solid transparent;
    border-right:15px solid #EEE;
    border-top:15px solid transparent;
    content:"";
    display:block;
    height:0;
    left:-11px;
    position:absolute;
    top:15px;
    width:0;
    z-index:999;
}


@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);
}

}    

.showthread_useravatar img {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    border: 2px solid transparent;
    margin-top: 5px;

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

.showthread_useravatar img:hover {
    -webkit-box-shadow: 1px 1px 10px #aaa;
    -moz-box-shadow: 1px 1px 10px #aaa;
    box-shadow: 1px 1px 10px #aaa;

    -webkit-animation: useravatar 1s;
    -moz-animation: useravatar 1s;
    -ms-animation: useravatar 1s;
    animation: useravatar 1s;
}

.slideright:hover {
    -webkit-transform: translate(1em, 0pt);
    -moz-transform: translate(1em, 0pt);
    -o-transform: translate(1em, 0pt);
    -ms-transform: translate(1em, 0pt);
}


.showbox {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.xsbox {
    font-weight: bold;
    font-style: normal;
    font-size: 9pt;
        font-family: Georgia;
        border-right: 2px solid #183150 !important;
        border-left: 2px solid #183150 !important;
        border-top: 2px solid #183150 !important;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 7px;
}
    
#mask {
    position: absolute;
    z-index: 9010;
    background-color: #000000;
    display: none;
    top: 0;
    left: 0;
}

.modalBox {
    position: fixed;
    width: 440px;
    display: none;
    z-index: 9015;
    background: #1b1b1b;
    border: 1px solid #000000;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.81);
}
    .modalBox .thead {
        font-weight: bold;
    }
    .modalBox .modalContent {
        padding: 5px 10px;
    }

.ekd strong {
    color: #fff;
    font-family: Arial;
}

.ekd {
    background: #323d47 url(images/orizon/ekd.png) right top no-repeat;
    border: 8px solid #293139;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    color: #fff;
}
    #maximage
{
max-width: 335px;
}    
        
h1 {
    font-size: 15px;
    margin: 0;
}
h2 {
    font-size: 15px;
    margin: 0;
        
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 50%; float: left;}
}

h1 {
    font-size: 12px;
    margin: 0;
}
h2 {
    font-size: 12px;
    margin: 0;
}
h3 {
    font-size: 12px;
    margin: 0;
}
h4 {
    font-size: 12px;
    margin: 0;
}


HEADER LOGO KODU

Kod:
<div id="logo"><h1><a href="index.php"><div class="showbox slideright" style="margin-top: 0px;"><img alt="FORUM SİTESİ" title="FORUM SİTESİ" src="images/logo.gif" style="width: 344px;margin-top: 23px;"></h1></div></a>

ARKADAŞLAR SORUM ŞU ÖNCEDEN PRO TEMA KULLANIYORDUM VE CSS KODUNUN ORDA LOGO YAZINCA HOVER EFEKTİ İÇİN FLN KODLAR ALT ALTA OLUYORDU DÜN HOVER EFEKTİ DEGİŞTİRMEK İSTEDİM BULAMADIM LOGO SOLA KAYDI SAGA KAYDIRAMADIM Açık Ağızlı Gülümseme BUNU NASIL AYARLICAZ ?