Rica ederim.
Beğenmeniz beni mutlu etti.
Bu arada menüdeki yazılar sağa doğru kaymış. Sorunu düzeltmek için, temanın
'ine tıklayın. Tüm kodları
kaydedin.
Kod:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic,cyrillic-ext,latin,greek-ext,greek,vietnamese);
@font-face {
font-family: 'Oxygen';
font-style: normal;
font-weight: 400;
src: local('Oxygen'), local('Oxygen-Regular'), url(http://betafrm.org/bfnew/oxygen.woff) format('woff');
}
#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: #ffffff;
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;
}
.welcome {
font-family: "Ubuntu Condensed",sans-serif;
text-align: right;
position: relative;
top: -11px;
font-size: 13px;
}
#templatemo_footer_wrapper {
width: 103.3%;
margin: 0px auto;
background: #2D2D2E;
position: relative;
left: -1.6%;
top: 21px;
font-family: 'Ubuntu Condensed',sans-serif;
font-size: 17px;
}
#templatemo_footer {
width: 960px;
margin: 0 auto;
padding: 50px 10px;
color: #d4d5cd;
height: 100px;
}
#templatemo_footer .section_w220 {
float: left;
width: 200px;
padding-right: 20px;
color: white;
}
ul, li {
padding: 0;
margin: 0;
border: 0;
list-style: none;
}
ul.footer_list_menu a:link, ul.footer_list_menu a:visited {
color: #ddd;
}
ul.footer_list_menu a:hover {
color: #2785C2;
}
#templatemo_footer .section_w220 a:link, #templatemo_footer .section_w220 a:visited {
color: white;
}
#templatemo_footer .section_w220 a:hover{
color: #2785C2;
}
.trowkategori {
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(245,245,245,1) 100%);
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
padding: 10px;
font-family: 'Ubuntu Condensed',sans-serif;
font-size: 15px;
font-weight: normal;
}
#menu li a:hover {
color: #2785C2;
border-left: 2px solid #2785C2;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.duyuru-sarı {
background: #d3b82d;
border: 1px solid #b49700;
box-shadow: inset 1px 1px #ced600;
text-shadow: 1px 1px #8f8300;
color: #fff;
}
.duyuru {
border-radius: 3px;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
-khtml-border-radius: 2px;
text-align: center;
padding: 10px 20px;
font-size: 12px;
color: #F8F8F8;
font-weight: 700;
}
.duyuru-mavi {
background: #639bff;
border: 1px solid #1a8ad5;
box-shadow: inset 1px 1px #6fa9ff;
text-shadow: 1px 1px #006fc7;
}
.duyuru-kırmızı {
background: #ee5258;
border: 1px solid #d51a21;
box-shadow: inset 1px 1px #fd6767;
text-shadow: 1px 1px #c70000;
}
#menu {
font-family: 'Oxygen',sans-serif;
font-weight: bold;
padding: 0;
list-style-type: none;
background-color: #F5F5F5;
font-size: 16px;
height: 40px;
border-top: 2px solid #eee;
border-bottom: 1px solid #ccc;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
top: -48px;
position: relative;
width: 87.8%;
left: 6.1%;
float: left;
}
#menu li {
float: left;
margin: 0;
}
#menu li a {
text-decoration: none;
display: block;
padding: 0 20px;
line-height: 40px;
color: #2D3340;
transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;
}
#menu li a:hover {
background: #FFF;
color: #2785C2;
border-left: 2px solid #2785C2;
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.userpanel {
position: absolute;
z-index: 3;
right: 0px;
top: 26px;
display: none;
}
.user_logout_link {
display: inline-block;
background: white url(../../../images/neonglow/highlight.png) repeat-x 0px -1px;
padding: 4px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 11px;
border: 1px solid #333;
border-radius: 2px;
box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.31);
margin-right: 10px;
position: relative;
top: -3px;
}
.user_logout_link:hover {
background-color: #1D1D1D;
}
.user_panel_link {
display: inline-block;
background: #FFFFFF;
padding: 6px 8px;
color: white !important;
font-family: arial,tahoma;
font-size: 12px;
border-radius: 2px 2px 3px 3px;
margin-right: 10px;
position: relative;
background: rgba(39, 133, 194, 1);
border: 1px solid rgba(0, 0, 0, 0.41);
box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.59);
border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.user_panel_link:hover {background-color: #1a1a1a;}
.pms_unread_no {background: #646464 !important;}
.user_panel_box {display:none;position: absolute;background: #FFF;top: 18px;width: 270px;height: 79px;border-radius: 0 3px 3px 3px;box-shadow: 0px 3px 10px #000;z-index: 5;border: 6px solid white;padding: 2px;left: 0px;}
.user_panel_link {cursor: url(../../../images/link.cur), pointer;}
.user_panel_wrapper {position:relative;left: 38%;top: -10px;}
.user_panel_link_active {
background: white;
border: 1px solid white;
color: #555 !important;
border-radius: 3px 3px 0 0;
z-index: 8;
box-shadow: none;
}
.user_panel_link_active:hover {background-color:white;}
.dropdown_icon {background:url(../../../images/neonglow/dropdown_arrow.png);height: 5px;width: 8px;display: inline-block;}
.dropdown_icon_active {background:url(../../../images/neonglow/dropdown_arrow.png);background-position-x: 9px;background-position-y: 0px;}
.usercpmenu_leftblock {
width: 44%;
padding-right: 10px;
}
.usercpmenu_rightblock {
width: 50%;
border-left: 1px solid #ccc;
padding-left: 10px;
position: relative;
left: 40%;
top: -115%;
}
.usercpmenu_leftblock a, .usercpmenu_rightblock a{
display: block;
padding: 2px 5px;
color: #555;
font-size: 11px;
-webkit-transition:0.2s;
transition:0.2s;
-o-transition:0.2s;
-ms-transition:0.2s;
-moz-transition:0.2s;
}
.usercpmenu_leftblock a:hover,.usercpmenu_rightblock a:hover {
text-indent:10px;
}
a.postbitbutton:link, a.postbitbutton:hover, a.postbitbutton:visited, a.postbitbutton:active {
background: #2D2D2E;
padding: 5px;
color: white;
border-radius: 2px;
-webkit-box-shadow: inset 0px 0px 0px 1px #E7E7E7; -moz-box-shadow: inset0px0px0px1px#59a6d3);
box-shadow: inset 0px 0px 0px 1px #4D4D4D;
font-size: 13px;
transition: background 0.4s,border-color 0.7s,box-shadow 0.4s; -webkit-transition: background 0.4s,border-color 0.4s,box-shadow 0.4s;
}
a.postbitbutton:hover {
background: #000000;
border: 1px solid #000000;
}
.memberavatar2:hover {
border: 4px solid #00C5FF;
border-radius: 4px;
width: 100px;
height: 100px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-shadow: 0 0 6px 4px rgb(33,33,33);
-moz-box-shadow: 0 0 6px 4px white;
box-shadow: 0 0 2px 2px rgb(255,255,255);
}
.memberavatar2 {
border: 4px solid #00C5FF;
border-radius: 54px;
width: 100px;
height: 100px;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.postbit-yorum {
background: url(../../../images/oyunwizard/yorum-ikon.png) no-repeat;
}
.postbit-istatistik {
width: 16px;
height: 16px;
float: left;
margin-right: 5px;
}
.postbit-konu {
background: url(../../../images/oyunwizard/konu-ikon.png) no-repeat;
}
.postbit-tarih {
background: url(../../../images/oyunwizard/uyelik-ikon.png) no-repeat;
}
.postbit-rep {
background: url(../../../images/oyunwizard/rep-ikon.png) no-repeat;
}
.rep-ver-buton {
text-align: center; float: left; color: #f7f7f7; font-size: 12px; padding: 5px 12px; background: #3ac456; border: 1px solid #2baa46; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0px 1px 0px 0px #46d362; -moz-box-shadow: inset 0px 1px 0px 0px #46d362; box-shadow: inset 0px 1px 0px 0px #46d362;
}
.uyari-ver-buton {
float: right; text-align: center; color: #e4e4e4; font-size: 12px; padding: 5px 12px; background: #c63939; border: 1px solid #a52626; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0px 1px 0px 0px #de4a4a; -moz-box-shadow: inset 0px 1px 0px 0px #de4a4a; box-shadow: inset 0px 1px 0px 0px #de4a4a;
}
.aramakutux {
padding: 5px;
background: #ededed url(http://st.10tl.net/tema/hatake/destekpi/canoo2/socialicon/aramaktuu.png) no-repeat;
background-position: 142px -15px;
border:none;
border-radius: 3px;
border-bottom: 2px solid #00DFFF;
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
transition: all 700ms cubic-bezier(0.61, 1.26, 1, 0.88);
width: 180px;
font-family: exo;
}
.aramakutux:focus {
width: 220px;
background-position: 182px -15px;
margin-left: -43px;
float: left;
color: cadetblue;
outline: none;
box-shadow: inset 0px 2px 8px rgba(0,0,0,0.1);
}
.member_block {
float: left;
margin-right: 45%;
margin-top: 7px;
}
.member_block:hover {
color: red;
}