/* Template iCrafts */ @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic); @import url(http://fonts.googleapis.com/css?family=Cuprum); html, body { margin: 0; height: 100%; font: 13px/11px 'PT Sans', Arial, Helvetica, sans-serif; color: #494449; line-height: 15px; background: #bad5ad url(../images/style/bg.png) repeat-y center 0; min-width: 1200px; } #wrapper { height: auto !important; height: 100%; min-height: 100%; background: url(../images/style/cont.png) repeat-y center -2px; } #wrapper1 { height: auto !important; height: 100%; min-height: 100%; background: url(../images/style/cont1.png) no-repeat center 436px; } #container { margin: 0 auto; width: 1106px; padding: 0 0 0 89px; } #header { background: url(../images/style/bg1.jpg) no-repeat center 0; } #right { float: right; width: 234px; margin-right: 100px; padding: 13px 0 20px 0; } #left { margin-right: 344px; width: 748px; overflow: hidden; padding: 5px; } #spacer { height: 165px; } #footer { margin-top: -165px; } .clear { clear: both; } a, img, input, textarea { outline: none; } label { font-weight: normal; } h1, h2, h3, h4 { margin: 0; padding: 0; font-weight: normal; } input, textarea, select, button { font: 13px/11px 'PT Sans', Arial, Helvetica, sans-serif; color: #696969; line-height: 16px; } textarea { resize: none; overflow: auto;} .reset, .reset li { list-style: none; padding: 0; margin: 0; } .lcol { float: left; } .rcol { float: right; } .ui-button, .bbcodes { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 4px !important; } button { font: 13px/11px 'PT Sans', Arial, Helvetica, sans-serif; } .btn_reglog, .radial, #loading-layer, #dropmenudiv, .baseform, .mass_comments_action, .ui-button, .ui-dialog { -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } /* forms */ .mass_comments_action { margin: 0 33px 10px 11px; } .selectmass input { margin: 0 -2px 0 5px; padding: 0; } .impot { font-family: Tahoma, Geneva, sans-serif; } .tableform { width: 100%; } .tableform a { color: #376bb0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .tableform a:hover { color: #61971e; } .tableform td.label { width: 20%; vertical-align: middle; padding-right: 0; } .fieldsubmit, .tableform td { padding: 2px; } .addnews { font-weight: bold; } .impot { color: #d51e44; font-weight: normal; } .checkbox { padding: 4px 0; line-height: 1em; } .checkbox input { margin-top: -2px; vertical-align: middle; } .f_input { width: 300px; padding: 1px; } .f_textarea { width: 458px; } .fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input { padding: 2px; background: #fff url(../images/fields.png) repeat-x; border: 1px solid #bcc0c2; } .f_textarea, .editor_button select { padding: 0; } .textin { padding: 2px; } .send { background: url(../images/style/send.gif) no-repeat; width: 147px; height: 59px; line-height: 100px; margin: 10px 0 0 -6px; } .send1 { background: url(../images/style/send.gif) no-repeat 0 -59px; width: 147px; height: 59px; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .send1:hover { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } /*------------------------- HEADER -------------------------*/ .h1 { background: url(../images/style/h1.jpg) no-repeat center 0; } .h2 { background: url(../images/style/h2.jpg) no-repeat center 114px; } .h3 { background: url(../images/style/h3.jpg) no-repeat center 228px; } .h4 { background: url(../images/style/h4.jpg) no-repeat center bottom; height: 436px; } .h5 { margin: 0 auto; width: 1106px; } .h5 .logo { position: absolute; margin: -322px 0 0 448px; width: 215px; height: 31px; display: block; overflow: hidden; line-height: 100px; } .h6 { background: url(../images/style/h5.jpg) no-repeat; position: absolute; margin: -412px 0 0 748px; width: 157px; height: 78px; } .h6 a { background: url(../images/style/h6.jpg) no-repeat; position: absolute; margin: -7px 0 0 -14px; width: 171px; height: 82px; display: block; overflow: hidden; line-height: 200px; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .h6 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .h7 { background: url(../images/style/rega.jpg) no-repeat; position: absolute; margin: -95px 0 0 868px; width: 184px; height: 71px; } .h7 a { background: url(../images/style/rega.jpg) no-repeat 0 -71px; width: 184px; height: 71px; display: block; overflow: hidden; line-height: 200px; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .h7 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } /* Parallax */ .row{ position: relative; margin: 0 auto; width: 1106px; height: 436px; } .row a img { border: none; } .h_menu1 { position: absolute; z-index: 9998; height: 96px; display: block; /*overflow: hidden;*/ margin: -96px 0 0 53px; background: url(../images/style/top_m.gif) no-repeat right 0; padding-right: 1px; } .h_menu { height: 96px; margin: 0px 0 0 -1px; } .h_menu li { height: 96px; display: block; float: left; background: url(../images/style/h_menu.png) no-repeat; padding-left: 14px; } .h_menu li:hover { background-position: 0 -96px; } .h_menu li span { height: 96px; display: block; float: left; background: url(../images/style/h_menu.png) no-repeat right 0; } .h_menu li span:hover { background-position: right -96px; } .h_menu li span i { height: 96px; display: block; float: left; position: relative; background: #000; } .h_menu li a { height: 96px; line-height: 75px; padding: 0 22px; display: block; margin-left: -14px; color: #FFF; text-shadow: 1px 1px 0 #1c3042; text-decoration: none; font-size: 14px; background: url(../images/style/h_menu.png) no-repeat center 288px; } .h_menu li a:hover { color: #ffcb11; background-position: center bottom; } #topmenu1 .sublnk2.selected2 { background-position: 0 -96px; } #topmenu1 .sublnk2.selected2 span { background-position: right -96px; } #topmenu1 .sublnk2.selected2 a { color: #ffcb11; background-position: center bottom; } #topmenu1 .sublnk2 { position: relative; } #topmenu1 li.sublnk2 ul { background-color: #192c3c; border-top: 2px solid #f2bb07; border-bottom: 2px solid #f2bb07; width: 164px; margin: 0; padding: 0; top: 81px; left: 0; position: absolute; z-index: 9999 !important; display: none; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95); } #topmenu1 li.sublnk2 ul li a, #topmenu1 li.sublnk2 ul li { background: none; float: none; height: auto; display: block; line-height: normal; text-transform: none; } #topmenu1 li.sublnk2 ul li { padding: 0; } #topmenu1 li.sublnk2 ul li a { text-shadow: none; color: #fff !important; padding: 6px 0 !important; text-indent: 10px; font-size: 12px; width: 100%; margin: 0; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #topmenu1 li.sublnk2 ul li a:hover { background-color: #8c5602; } /* login */ .login { position: absolute; margin: -436px 0 0 0; } #topmenu { line-height: 27px; margin: 0 0 0 54px; } #topmenu li, #topmenu a { height: 28px; float: left; } #topmenu a { text-decoration: none; background: url(../images/style/login.png) no-repeat; } #topmenu a:hover { background-position: 0 0; } #topmenu .sublnk a { background-position: 0 0; width: 237px; height: 63px; display: block; overflow: hidden; line-height: 200px; } #topmenu .sublnk a:hover, #topmenu .sublnk.selected a { background-position: 0 -63px; } #topmenu .sublnk { position: relative; } #topmenu li.sublnk ul { background-color: #FFF; width: 237px; margin: 0; padding: 0; top: 46px; left: 0; position: absolute; z-index: 1999; display: none; overflow: hidden; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95); } #topmenu .sublnk1 a { background: url(../images/style/login1.png) no-repeat; width: 237px; height: 63px; display: block; overflow: hidden; line-height: 200px; } #topmenu .sublnk1 a:hover, #topmenu .sublnk1.selected a { background-position: 0 -63px; } #topmenu .sublnk1 { position: relative; } #topmenu li.sublnk1 ul { background-color: #FFF; width: 237px; margin: 0; padding: 0; top: 46px; left: 0; position: absolute; z-index: 1999; display: none; overflow: hidden; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity=95); } #topmenu .sublnk2 a { background: url(../images/style/pm.png) no-repeat; width: 46px; height: 46px; display: block; overflow: hidden; line-height: 12px; font-size: 8px; color: #2a2a2a !important; } #topmenu .sublnk2 a span { width: 21px; height: 12px; text-align: center; display: block; margin: 7px 0 0 21px; } .logform { background: #FFF; height: 72px; border-bottom: 5px solid #454c41; display: block; overflow: hidden; padding: 25px 0 70px 13px; margin-left: 0px; } .logform1 { display: block; overflow: hidden; padding: 17px 0 0 16px; height: 145px; } .logindialog { width: 210px; height: 79px; padding-left: 13px; margin: 0px 0 0 0; position: absolute; background: url(../images/style/logindialog.png) no-repeat; } .logindialog_input { font: 14px/12px 'Cuprum', Arial, Helvetica, sans-serif; height: 18px; width: 184px; background-color: transparent; padding: 0; margin-top: 10px; position: absolute; color: #7a7a7a; } .logindialog_input2 { font: 14px/12px 'Cuprum', Arial, Helvetica, sans-serif; height: 18px; width: 184px; background-color: transparent; padding: 0; float: left; position: absolute; margin-top: 52px; color: #7a7a7a; } .logindialog_btn1 { background:url(../images/style/logindialog_btn.gif) no-repeat; width: 70px; height: 31px; display: block; position: absolute; z-index: 10; margin: 89px 0 0 127px; } .logindialog_btn { background:url(../images/style/logindialog_btn.gif) no-repeat 0 -31px; width: 70px; height: 31px; opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .logindialog_btn:hover { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } .lost_p { position: absolute !important; margin: 98px 0 0 5px; width: auto !important; height: auto !important; line-height: 16px !important; text-shadow: none !important; background: none !important; font: 14px/12px 'Cuprum', Arial, Helvetica, sans-serif; color: #2170ad !important; text-decoration: underline !important; } .lost_p:hover { text-decoration: none !important; } .login_avatar { width: 50px; height: 50px; display: block; overflow: hidden; position: absolute; border: 2px solid #a6cc52; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .login_avatar img { width: 50px; min-height: 50px; } .profile_link1 { width: 54px; height: 20px; line-height: 200px; display: block; position: absolute; background: url(../images/style/profile_link.png) no-repeat; margin-top: 58px; } .profile_link1 a { width: 54px !important; height: 20px !important; line-height: 200px; display: block; background: url(../images/style/profile_link.png) no-repeat 0 -20px !important; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .profile_link1 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } .profile_links { margin: -29px 0 0 83px !important; } .profile_links li { height: 24px !important; } .profile_links a { background: #bfdebd url(../images/style/profile_links.png) repeat-x 0 22px !important; width: 137px !important; height: 22px !important; color: #366c33 !important; display: block; text-decoration: none; line-height: 22px !important; font-size: 12px !important; text-decoration: none; text-indent: 5px !important; margin-bottom: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: none !important; margin-bottom: -10px !important; } .profile_links a:hover { background-position: 0 0 !important; color: #7a4529 !important; } .logout_link { position: absolute; margin: 107px 0 0 -16px; background: url(../images/style/logout.png) no-repeat !important; width: 237px !important; height: 38px !important; } .logout_link a { background: url(../images/style/logout.png) no-repeat 0 -38px !important; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .logout_link a:hover { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } /*------------------------- RIGHT -------------------------*/ .bloc { background: #f6f6f6 url(../images/style/bloc.jpg) no-repeat; width: 234px; margin-bottom: 13px; } .bloc1 { background: url(../images/style/bloc1.jpg) no-repeat 0 bottom; } .bloc2 { background: url(../images/style/bloc2.png) no-repeat right 18px; height: 31px; padding: 17px 0 0 15px; color: #FFF; font-size: 14px; font-weight: bold; margin-right: 13px; } .bloc3 { padding: 20px 15px 28px 15px; } .bloc4 { background: url(../images/style/bloc3.png) no-repeat right 16px; height: 31px; padding: 17px 0 0 15px; color: #FFF; font-size: 14px; font-weight: bold; margin-right: 13px; } /*------------------------- LEFT -------------------------*/ /* slider */ div{ margin: 0; padding: 0; border: 0; } .showcase1 { margin: auto; position:inherit; overflow: hidden; background: url(../images/style/slider.jpg) no-repeat; width: 752px; height: 340px; padding-top: 7px; margin-top: 2px; } .showcase-load { height: 285px; overflow: hidden; } .showcase { position: relative; margin: auto; } .showcase-content-container { background-color: #FFF; } .showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url(../images/style/arrows.png); width: 56px; height: 56px; top: 97px; cursor: pointer; z-index: 99; } .showcase-arrow-previous { opacity: 0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; left: 20px; } .showcase-arrow-previous:hover { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } .showcase-arrow-next { right: 20px; opacity: 0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; background-position: -56px 0; } .showcase-arrow-next:hover { opacity: 1.0; -moz-opacity: 1.0; filter: alpha(opacity=100); } .showcase-content { background-color: #000; text-align: center; } .showcase-content-wrapper { text-align: center; height: 470px; width: 539px; display: table-cell; vertical-align: middle; } .showcase-caption { color: #FFF; padding: 12px 28px 12px 21px; text-align: left; position: absolute; bottom: 0px; left: 0px; right: 0px; display: none; background-image: url(../images/style/black-opacity-40.png); } .showcase-caption span { font-size: 17px; color: #ffdd2c; font-weight: bold; display: block; overflow: hidden; height: 17px; } .showcase-onepage .showcase-content { margin-bottom: 10px; } .showcase-button-wrapper { clear: both; padding-top: 11px; text-align: center; height: 19px; overflow: hidden; margin-top: 13px; } .showcase-button-wrapper span { overflow: hidden; background: url(../images/style/slider.png) no-repeat; cursor: pointer; color: #99968e; font-size: 0px !important; padding: 18px 9px 1px 9px; } .showcase-button-wrapper span:hover { background-position: 0 -19px; } .showcase-button-wrapper .active { background: url(../images/style/slider.png) no-repeat 0 -19px; } .slide_link { position: absolute; z-index: 98; width: 738px; height: 300px; display: block; overflow: hidden; margin: -300px 0 0 0px; line-height: 1000px; } .main1 { background: url(../images/style/main1.png) no-repeat 18px 0; font-size: 21px; color: #323232; font-weight: bold; height: 26px; padding: 7px 0 8px 49px; margin-top: 17px; } /* short story */ .short { background: url(../images/style/short.gif) repeat-y right; width: 762px; } .short1 { background: url(../images/style/short1.gif) no-repeat; } .short2 { background: url(../images/style/short2.gif) no-repeat bottom; padding: 53px 0 12px 0; } .short3 { width: 130px; height: 89px; display: block; overflow: hidden; border: 3px solid #848484; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 18px 0 12px; float: left; } .short3 img { width: 130px; min-height: 89px; } .short4 { padding: 0 0 12px 0; display: block; overflow: hidden; } .short5 { font-size: 16px; color: #355d9e; font-weight: bold; background: url(../images/style/short3.png) no-repeat; height: 21px; padding: 4px 0 4px 28px; float: left; } .short5:hover { background-position: 0 -79px; } .short5 a { color: #355d9e; } .short5 a:hover { text-decoration: none; } .short6 { line-height: 16px; padding-right: 20px; } .short7 { display: block; overflow: hidden; } .short8 { background: url(../images/style/short4.gif) no-repeat; width: 150px; height: 43px; margin-top: 3px; position: absolute; } .short8 a { background: url(../images/style/short4.gif) no-repeat 0 -43px; width: 150px; height: 43px; display: block; overflow: hidden; line-height: 200px; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .short8 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .short9 { background: url(../images/style/short5.gif) repeat-x; } .short10 { background: url(../images/style/short6.gif) no-repeat right 0; height: 46px; line-height: 44px; } .short11 { float: right; padding-top: 3px; } .short11 span { height: 43px; background: url(../images/style/short7.gif) no-repeat; display: block; float: left; color: #959595; padding: 0 14px; } .short11 span a { font-style: italic; color: #b57f20; } .short11 span a:hover { text-decoration: none; } .short11 span b { color: #252125; font-weight: normal; } /* full story */ .full { display: block; overflow: hidden; } .full1 { font-size: 20px; color: #383838; font-weight: bold; background: url(../images/style/short3.png) no-repeat 16px 2px; height: 21px; padding: 6px 0 9px 46px; float: left; } .full1 a { color: #355d9e; } .full1 a:hover { text-decoration: none; } .full2 { background: url(../images/style/full.gif) repeat-x; display: block; overflow: hidden; } .full3 { background: url(../images/style/full1.gif) no-repeat right 0; height: 30px; padding: 16px 0 10px 19px; } .full3 b { font-weight: normal; height: 23px; line-height: 23px; padding: 0 12px 0 6px; display: block; float: left; background: #f3bd08 url(../images/style/full2.gif) no-repeat right 0; } .full3 b a { text-decoration: none; color: #7a4529; } .full3 b a:hover { text-decoration: underline; } .full3 span { height: 23px; display: block; float: left; line-height: 23px; padding-right: 5px; color: #383838; } .full3 i { font-style: normal; height: 23px; line-height: 23px; padding: 0 7px; display: block; float: left; background: #284052; color: #8397a4; } .full3 i em { font-style: normal; color: #FFF; } .full4 { float: right; padding-top: 3px; } .full4 span { height: 43px; background: url(../images/style/short7.gif) no-repeat; display: block; float: left; color: #959595; padding: 0 14px; } .full4 span a { font-style: italic; color: #b57f20; } .full4 span a:hover { text-decoration: none; } .full4 span b { color: #252125; font-weight: normal; } .full5 { line-height: 16px; padding: 1px 29px 4px 25px; } .full5 a { color: #b57f20; } .full5 a:hover { text-decoration: none; } .full5 img { border: 3px solid #e1e1e1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .full6 { background: url(../images/style/full3.gif) no-repeat; width: 150px; height: 43px; margin-top: 3px; position: absolute; } .full6 a { background: url(../images/style/full3.gif) no-repeat 0 -43px; width: 150px; height: 43px; display: block; overflow: hidden; line-height: 200px; opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .full6 a:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .selection_index { padding: 0px !important; background: none !important; } .full7 { line-height: 16px; padding: 1px 29px 4px 25px; padding-top: 0; margin-top: -35px; } .full7 a { color: #b57f20; } .full7 a:hover { text-decoration: none; } /* info */ .info { background: #913030 url(../images/style/info.gif) repeat-x; font-size: 14px; color: #FFF; font-style: italic; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 10px 8px 10px 9px; } .info1 { background: url(../images/style/info1.gif) no-repeat 14px 14px; padding: 17px 0 15px 62px; } .info1 a { color: #fed0d0; } .info1 a:hover { text-decoration: none; } /* navigation */ .nav_links { float: right; overflow: hidden; width: 78px; float: right; margin-top: -8px; } span .prev_link1 { background: url(../images/style/nav_links.gif) no-repeat; width: 36px; height: 38px; display: block; float: left; margin-top: 1px; margin-right: 6px; } span .prev_link1 img { background: url(../images/style/nav_links.gif) no-repeat; width: 36px; height: 38px; display: block; float: left; } .prev_link1 { background: url(../images/style/nav_links.gif) no-repeat 0 -38px; width: 36px; height: 38px; display: block; float: left; margin-top: 1px; margin-right: 6px; } .prev_link1 img { background: url(../images/style/nav_links.gif) no-repeat 0 -76px; width: 36px; height: 38px; display: block; float: left; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .prev_link1 img:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } span .next_link1 { background: url(../images/style/nav_links.gif) no-repeat -36px 0; width: 36px; height: 38px; display: block; float: left; margin-top: 1px; } span .next_link1 img { background: url(../images/style/nav_links.gif) no-repeat -36px 0; width: 36px; height: 38px; display: block; float: left; } .next_link1 { background: url(../images/style/nav_links.gif) no-repeat -36px -38px; width: 36px; height: 38px; display: block; float: left; margin-top: 1px; } .next_link1 img { background: url(../images/style/nav_links.gif) no-repeat -36px -76px; width: 36px; height: 38px; display: block; float: left; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=0); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .next_link1 img:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .navigation { font-size: 16px; font-weight: bold; color: #FFF; } .navigation span { background: #4268a4; padding: 1px 5px 2px 5px; } .navigation a { text-decoration: none; color: #464646; padding: 1px 5px 2px 5px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .navigation a:hover { color: #6e6057; background: #e7e4dc; padding: 1px 5px 2px 5px; } .navigation1 { height: 37px; padding: 21px 17px 0 15px; } /* comments */ .comm { background: #e7e4dc url(../images/style/comm.jpg) repeat-x bottom; margin-left: 11px; width: 741px; } .comm1 { background: url(../images/style/comm.gif) repeat-x; padding: 0 0 0 0; } .comm2 { width: 50px; height: 50px; display: block; overflow: hidden; border: 2px solid #c6bea8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; margin: 11px 0 0 12px; } .comm2 img { width: 50px; min-height: 50px; } .comm3 { font-size: 16px; font-weight: bold; color: #FFF; text-shadow: 1px 1px 0 #e99107; background: url(../images/style/comm1.gif) no-repeat; height: 26px; padding-left: 4px; float: left; } .comm3 span { height: 26px; display: block; float: left; background: url(../images/style/comm1.gif) no-repeat right 0; padding: 0 10px 0 6px; line-height: 26px; } .comm4 { position: absolute; margin: 10px 0 0 71px; } .comm5 { float: left; } .comm5 b { font-weight: normal; height: 26px; line-height: 27px; display: block; float: left; padding: 0 7px 0 11px; } .comm5 h3 { font-size: 14px; color: #FFF; height: 26px; line-height: 26px; display: block; float: left; background: #4c7734 url(../images/style/comm2.gif) no-repeat right 0; padding: 0 11px 0 7px; } .comm5 h3 a { text-decoration: none; color: #FFF; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .comm5 h3 a:hover { color: #deffcc; } .comm5 span { font-size: 13px; color: #2a5c7b; height: 26px; line-height: 27px; display: block; float: left; background: #FFF; padding: 0 7px 0 6px; } .comm6 { float: right; margin: 14px 7px 0 0; } .comm6 li { float: left; } .comm6 li a { height: 18px; line-height: 18px; font-style: italic; font-size: 12px; color: #7f7d7f; text-decoration: none; display: block; float: left; background: #f6f6f6; padding: 0 5px; margin-right: 6px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .comm6 li a:hover { color: #FFF; background: #2d485c; } .comm7 { background: #FFF url(../images/style/comm3.gif) no-repeat; width: 703px; border: 1px solid #dfdace; font-size: 12px; color: #353535; padding: 31px 14px 0 14px; } .comm7 a { color: #b57f20; } .comm7 a:hover { text-decoration: none; } .comm8 { padding: 44px 0 0 4px; } .signature, .slink { color: #a59c8b; } .comm9 { height: 20px; color: #7a6d55; font-size: 12px; text-align: right; padding: 8px 12px 25px 0; } /* other */ .avatar { width: 100px; height: 100px; display: block; overflow: hidden; border: 3px solid #c6bea8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .avatar img { width: 100px; min-height: 100px; } .popup { margin-left: 122px; line-height: 18px; } .popup a { color: #b57f20; } .popup a:hover { text-decoration: none; } .statistics ul { margin-right: 40px; } .statistics ul h5 { margin: 20px 0 5px 0; font-size: 14px; } .profile { margin-left: 122px; } .for1 { width: 993px; padding: 12px; display: block; overflow: hidden; background: #FFF url(../images/style/for.gif) repeat-x; position: relative; margin-bottom: -6px; } .errorwrap { background: url(../images/style/offline1.png) no-repeat center 124px; margin: 0 auto; width: 998px; height: 825px; } .errorwrap span { font: 12px/11px 'Calibri', Arial, Helvetica, sans-serif; line-height: 14px; background: #FFF url(../images/style/offline1.gif) repeat-x bottom; width: 383px; display: block; position: absolute; margin: 353px 0 0 176px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 22px 27px 32px 27px; font-size: 13px; color: #414141; font-style: italic; } .errorwrap span b { font: 19px/17px 'Calibri', Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; display: block; font-size: 18px; color: #4a7eb3; } .errorwrap1 { background: url(../images/style/offline1.png) no-repeat center 124px; margin: 0 auto; width: 998px; min-height: 820px; } .errorwrap1 span { font: 12px/11px 'Calibri', Arial, Helvetica, sans-serif; line-height: 14px; background: #FFF url(../images/style/offline2.gif) repeat-x bottom; width: 383px; display: block; position: absolute; margin: 353px 0 0 176px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 20px 27px 23px 27px; font-size: 13px; color: #414141; font-style: italic; border: 4px solid #ba3636; } .errorwrap1 span b { font: 19px/17px 'Calibri', Arial, Helvetica, sans-serif; font-weight: bold; display: block; font-size: 18px; color: #b34a4a; } .ban_description { color: #c41b1b; } /*------------------------- FOOTER -------------------------*/ .footer1 { background: url(../images/style/f1.jpg) no-repeat; margin: 0 auto; width: 1032px; } .footer2 { background: url(../images/style/f2.jpg) no-repeat 0 77px; height: 165px; } .copy { width: 95px; height: 37px; display: block; overflow: hidden; position: absolute; margin: 21px 0 0 898px; line-height: 200px; } .f_nav { position: absolute; margin: 27px 0 0 22px; } .f_nav li { display: block; float: left; } .f_nav li a { height: 25px; line-height: 25px; display: block; float: left; color: #754e47; text-decoration: none; background: #e7e4dc; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; padding: 0 11px; margin-right: 12px; } .f_nav li a:hover { color: #FFF; background: #865950; } .counts { margin: 0 32px 0 0; padding-top: 98px; } .counts ul { display: inline; } .counts ul li { float: right; width: 88px; height: 31px; margin-left: 5px; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .counts ul li:hover { opacity: 1.0; -moz-opacity: 1.0; filter:alpha(opacity=100); } .footer3 { position: absolute; margin: 91px 0 0 35px; color: #b3d6ef; font-size: 12px; } .footer3 span { font-size: 13px; color: #FFF; font-weight: bold; } .footer3 span a { color: #ffc600; } .footer3 span a:hover { text-decoration: none; } /* Chrome */ @media all and (-webkit-min-device-pixel-ratio:0) { .footer1 { background: url(../images/style/f1.jpg) no-repeat -1px 0; } .footer2 { background: url(../images/style/f2.jpg) no-repeat -1px 77px; } #container { padding: 0 0 0 89px; } .h_menu1 { margin: -96px 0 0 53px; } .footer1 { background: url(../images/style/f1.jpg) no-repeat 0px 0; } .footer2 { background: url(../images/style/f2.jpg) no-repeat 0px 77px; } } /* Opera */ noindex:-o-prefocus,.footer1 { background: url(../images/style/f1.jpg) no-repeat 0px 0; } noindex:-o-prefocus,.footer2 { background: url(../images/style/f2.jpg) no-repeat 0px 77px; } noindex:-o-prefocus,.showcase-button-wrapper span { padding: 9px 9px 8px 9px; } noindex:-o-prefocus,.showcase-button-wrapper { margin-top: 5px; margin-bottom: 8px; } noindex:-o-prefocus,.h7 { margin: -95px 0 0 870px; } noindex:-o-prefocus,.h_menu1 { margin: -96px 0 0 54px; } /* Secure */ .notifergood { color: black; margin-bottom: 10px; width: 100%; padding: 5px; background: rgb(107,186,112); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiYmE3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(107,186,112,1) 0%, rgba(244,244,244,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(107,186,112,1)), color-stop(100%,rgba(244,244,244,1))); background: -webkit-linear-gradient(left, rgba(107,186,112,1) 0%,rgba(244,244,244,1) 100%); background: -o-linear-gradient(left, rgba(107,186,112,1) 0%,rgba(244,244,244,1) 100%); background: -ms-linear-gradient(left, rgba(107,186,112,1) 0%,rgba(244,244,244,1) 100%); background: linear-gradient(to right, rgba(107,186,112,1) 0%,rgba(244,244,244,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bba70', endColorstr='#f4f4f4',GradientType=1 ); } .notiferbad { color: black; margin-bottom: 10px; width: 100%; padding: 5px; background: rgb(240,113,70); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwNzE0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(left, rgba(240,113,70,1) 0%, rgba(237,237,237,1) 99%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,113,70,1)), color-stop(99%,rgba(237,237,237,1))); background: -webkit-linear-gradient(left, rgba(240,113,70,1) 0%,rgba(237,237,237,1) 99%); background: -o-linear-gradient(left, rgba(240,113,70,1) 0%,rgba(237,237,237,1) 99%); background: -ms-linear-gradient(left, rgba(240,113,70,1) 0%,rgba(237,237,237,1) 99%); background: linear-gradient(to right, rgba(240,113,70,1) 0%,rgba(237,237,237,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07146', endColorstr='#ededed',GradientType=1 ); } .notifernorm { color: black; margin-bottom: 10px; width: 100%; padding: 5px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); } /* Cabinet */ .cabinet { width: 100%; background: #fff; min-height: 400px; border-radius: 5px; } .cabinet ul { margin: 0; padding: 0 20px; } .cabinet .error { width: auto; background: #FFFDEF; padding: 10px 5px; margin: 5px; border: 2px solid #EFA700; font-size: 14px; border-radius: 5px; color: #EFA700; font-weight: bold; text-shadow: 1px 1px #fff; } .cabinet .wrap { width: 358px; text-align: center; padding: 3px 0; background: #ffd200; /* Old browsers */ background: -moz-linear-gradient(top, #ffd200 0%, #ffb400 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd200), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd200 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd200 0%,#ffb400 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd200 0%,#ffb400 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd200 0%,#ffb400 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd200', endColorstr='#ffb400',GradientType=0 ); /* IE6-9 */ border-style: solid; border-width: 1px 1px 0 1px; border-color: #ffd200; margin: 4px auto 0 auto; border-radius: 3px 3px 0 0; color: #fff; } .cabinet .wrap-vote { width: 358px; text-align: center; padding: 3px 0; background: #59c922; /* Old browsers */ background: -moz-linear-gradient(top, #59c922 0%, #299a0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c922), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59c922 0%,#299a0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #59c922 0%,#299a0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c922', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */ border-style: solid; border-width: 1px 1px 0 1px; border-color: #59c922; color: #fff; margin: 4px auto 0 auto; border-radius: 3px 3px 0 0; } .cabinet .wrap-donate { width: 358px; text-align: center; padding: 3px 0; background: #f40000; /* Old browsers */ background: -moz-linear-gradient(top, #f40000 0%, #cc0000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f40000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f40000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f40000 0%,#cc0000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f40000 0%,#cc0000 100%); /* IE10+ */ background: linear-gradient(to bottom, #f40000 0%,#cc0000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */ border-style: solid; border-width: 1px 1px 0 1px; border-color: #f40000; color: #fff; margin: 4px auto 0 auto; border-radius: 3px 3px 0 0; } .cabinet .cont { width: 348px; padding: 5px; border-style: solid; border-width: 0 1px 1px 1px; border-color: #e1e1e1; margin: 0 auto 5px auto; border-radius: 0 0 3px 3px; } .cabinet hr { border-top: 0; border-bottom: 1px dashed #bcbcbc; } .cabinet .banner { padding: 3px; border: 1px solid #d1d1d1; margin: 2px 0; } .cabinet .banner:hover { border: 1px solid #59c922; } .cabinet .button1 { font-size: 11px; padding: 5px 15px; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ border: 1px solid #bcbcbc; border-radius: 5px; margin: 3px; display: inline-block; color: #292929; opacity: 0.5; } .cabinet .button { font-size: 11px; padding: 5px 15px; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ border: 1px solid #bcbcbc; border-radius: 5px; margin: 3px; text-decoration:none; display: inline-block; color: #292929; cursor: pointer; } .cabinet .button:hover { background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } .cabinet #donate { background: #59c922; /* Old browsers */ background: -moz-linear-gradient(top, #59c922 0%, #299a0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c922), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #59c922 0%,#299a0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #59c922 0%,#299a0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c922', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */ width: 200px; border-color: #fff; color: #fff; padding: 3px; } #donate { text-align: center; visibility: hidden; position: fixed; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 150px; height: auto; background-color: #7cc666; border: solid 2px green; top: 350px; left: 38%; z-index: 7; } .cabinet #donate a {color:#fff;opacity:0.7;} .cabinet #donate a:hover {color:#fff;opacity:1;} /* Shop */ .shopkokku { width: 147px; border: 1px #BDB9BA solid; float: left; border-radius: 5px; text-align: center; margin-right: 10px; margin-top: 10px; background: rgb(249,252,247); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */ } .shophead { margin-bottom: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; padding-top: 5px; padding-bottom: 5px; background: rgb(238,238,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */ color: #324247; } .sbutton { margin-top: -10px; margin-bottom: 5px; width: 100px; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff; font: bold 11px Sans-Serif; padding: 1px 16px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #999; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; } .sbutton:hover, .sbutton:focus { border-color: #999; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; } .sbutton:active { border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; -webkit-box-shadow: inset 0 1px 2px #aaa; -moz-box-shadow: inset 0 1px 2px #aaa; box-shadow: inset 0 1px 2px #aaa; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); } .shopblock { padding: 3px; } .warningnorm { border: 1px #A3A3A3 dashed; background: #E8E8E8; padding: 7px; margin-bottom: 10px; border-radius: 7px; } .zacharka{ padding: 1px 3px 1px 3px; background: #C1D9E0; border-radius: 5px; color: #73AABA; opacity: 0.7; width: 100px; text-align: center; } .zacharka:hover{ opacity: 1; } .zachars{ position: relative; width: 100%; } .shop_picture{ width: 200px; text-align: center; padding-top: 40px; float: left; height: 100px; } .zacharka2{ margin-top: 7px; padding: 1px 3px 1px 3px; background: #C1D9E0; border-radius: 5px; width: 70px; margin-left: auto; margin-right: auto; color: #73AABA; } .zacharka3{ margin-top: 7px; padding: 1px 3px 1px 3px; background: #FFE0E0; border-radius: 5px; width: 100px; color: #ED6666; text-align: center; opacity: 0.4; } .rbutton { margin-top: -10px; margin-bottom: 5px; width: 110px; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff; font: bold 11px Sans-Serif; padding: 3px 16px; white-space: nowrap; vertical-align: middle; color: #FF0000; background: transparent; cursor: pointer; border-color: #999; background: -webkit-linear-gradient(top, white, #FCBDBD); background: -moz-linear-gradient(top, white, #FCBDBD); background: -ms-linear-gradient(top, white, #FCBDBD); background: -o-linear-gradient(top, white, #FCBDBD); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; } .rbutton:hover, .sbutton:focus { background: -webkit-linear-gradient(top, white, #FCBDBD); background: -moz-linear-gradient(top, white, #FCBDBD); background: -ms-linear-gradient(top, white, #FCBDBD); background: -o-linear-gradient(top, white, #FCBDBD); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; } .rbutton:active { background: -webkit-linear-gradient(top, white, #FCBDBD); background: -moz-linear-gradient(top, white, #FCBDBD); background: -ms-linear-gradient(top, white, #FCBDBD); background: -o-linear-gradient(top, white, #FCBDBD); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #FFEBEB; } .sbutton1 { margin-top: 5px; margin-bottom: 5px; width: 100px; border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px white; -webkit-box-shadow: 0 1px 1px #fff; -moz-box-shadow: 0 1px 1px #fff; box-shadow: 0 1px 1px #fff; font: bold 11px Sans-Serif; padding: 6px 16px; white-space: nowrap; vertical-align: middle; color: #666; background: transparent; cursor: pointer; border-color: #999; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; } .sbutton1:hover, .sbutton1:focus { border-color: #999; background: -webkit-linear-gradient(top, white, #E0E0E0); background: -moz-linear-gradient(top, white, #E0E0E0); background: -ms-linear-gradient(top, white, #E0E0E0); background: -o-linear-gradient(top, white, #E0E0E0); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 0 3px #fff; } .sbutton1:active { border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; -webkit-box-shadow: inset 0 1px 2px #aaa; -moz-box-shadow: inset 0 1px 2px #aaa; box-shadow: inset 0 1px 2px #aaa; background: -webkit-linear-gradient(top, #E6E6E6, gainsboro); background: -moz-linear-gradient(top, #E6E6E6, gainsboro); background: -ms-linear-gradient(top, #E6E6E6, gainsboro); background: -o-linear-gradient(top, #E6E6E6, gainsboro); } input.shopbut { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; padding: 2px 3px; background: -moz-linear-gradient( top, #ffffff 0%, #cccccc); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#cccccc)); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #c2c2c2; -moz-box-shadow: 0px 0px 0px rgba(143,103,143,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 0px rgba(143,103,143,0.5), inset 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 0px 0px rgba(143,103,143,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 0px 1px 0px rgba(255,255,255,0.7), 0px 1px 0px rgba(255,255,255,0.3); } input.shopbut:active { -webkit-box-shadow: 0px -1px 15px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -1px 15px rgba(50, 50, 50, 0.75); box-shadow: 0px -1px 15px rgba(50, 50, 50, 0.75); } input.rsshopbut { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; padding: 2px 3px; background: -moz-linear-gradient( top, #E1E4FA 0%, #B9BFED); background: -webkit-gradient( linear, left top, left bottom, from(#E1E4FA), to(#B9BFED)); -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #c2c2c2; -moz-box-shadow: 0px 0px 0px rgba(143,103,143,0.5), inset 0px 0px 1px rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 0px rgba(143,103,143,0.5), inset 0px 0px 1px rgba(255,255,255,1); box-shadow: 0px 0px 0px rgba(143,103,143,0.5), inset 0px 0px 1px rgba(255,255,255,1); text-shadow: 0px 1px 0px rgba(255,255,255,0.7), 0px 1px 0px rgba(255,255,255,0.3); } /* Banlist */ [18:36:06] Алексей (PHP Coder): .warningbad { border: 1px #D42A2A dashed; background: #FFE6E6; padding: 7px; margin-bottom: 10px; border-radius: 7px; } .warninggood { border: 1px #6ABF4B dashed; background: #E9FFE0; padding: 7px; margin-bottom: 10px; border-radius: 7px; } [18:36:32] Алексей (PHP Coder): .zebra td, .zebra th { padding: 10px; border-bottom: 1px solid #f2f2f2; } .zebra tbody tr:nth-child(even) { background: #f5f5f5; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; } .zebra th { text-align: left; text-shadow: 0 1px 0 rgba(255,255,255,.5); border-bottom: 1px solid #ccc; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee)); background-image: -webkit-linear-gradient(top, #f5f5f5, #eee); background-image: -moz-linear-gradient(top, #f5f5f5, #eee); background-image: -ms-linear-gradient(top, #f5f5f5, #eee); background-image: -o-linear-gradient(top, #f5f5f5, #eee); background-image: linear-gradient(top, #f5f5f5, #eee); padding: 15px; } .zebra th:first-child { -moz-border-radius: 6px 0 0 0; -webkit-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; } .zebra th:last-child { -moz-border-radius: 0 6px 0 0; -webkit-border-radius: 0 6px 0 0; border-radius: 0 6px 0 0; } .zebra tfoot td { border-bottom: 0; border-top: 1px solid #fff; background-color: #f1f1f1; } .zebra tfoot td:first-child { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; } .zebra tfoot td:last-child { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; } span.curbanpage { padding: 6px; border-radius: 5px; background-color: #e6e6e6; color: #707070; margin-left: 2px; margin-right: 2px; border-style: solid; border-width: 1px; text-decoration: none; } span.banpage { padding: 5px; margin-right: 2px; border-radius: 5px; background-color: #dedede; color: #666666; text-decoration: none; } .naviban { margin-top: 10px; text-decoration: none; } span.banpage:hover { background-color: #e6e6e6; color: #b3b3b3; text-decoration: none; } .zebra td { padding: 7px; } a {text-decoration: none;} .donbut{ width: 200px; padding: 4px; background: rgb(242,245,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */ border: 1px #E5E5E5 solid; border-radius: 5px; color: #666; text-shadow: 0 1px 1px white; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3); } .donbut:hover{ border: 1px #E5E5E5 dashed; -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.3); } .donbut:active{ border: 1px solid #E5E5E5; border-bottom-color: #CCC; border-top-color: #999; -webkit-box-shadow: inset 0 1px 2px #E5E5E5; -moz-box-shadow: inset 0 1px 2px #E5E5E5; box-shadow: inset 0 1px 2px #E5E5E5; background: -webkit-linear-gradient(top, #E5E5E5, gainsboro); background: -moz-linear-gradient(top, #E5E5E5, gainsboro); background: -ms-linear-gradient(top, #E5E5E5, gainsboro); background: -o-linear-gradient(top, #E5E5E5, gainsboro); } .teampadding { padding: 5px; } .teampaddinghead { padding: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: white; } .teamtable td{ border-bottom: 1px #8DC975 solid; } .hoverelement12:hover{ background: #E7E6F0; } .teamoder { background: rgb(169,219,128); background: -moz-linear-gradient(top, rgba(169,219,128,1) 0%, rgba(150,197,111,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,219,128,1)), color-stop(100%,rgba(150,197,111,1))); background: -webkit-linear-gradient(top, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%); background: -o-linear-gradient(top, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%); background: -ms-linear-gradient(top, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%); background: linear-gradient(to bottom, rgba(169,219,128,1) 0%,rgba(150,197,111,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); } /* GroupList */ .warningbad { border: 1px #D42A2A dashed; background: #FFE6E6; padding: 7px; margin-bottom: 10px; border-radius: 7px; } .warninggood { border: 1px #6ABF4B dashed; background: #E9FFE0; padding: 7px; margin-bottom: 10px; border-radius: 7px; } .warningnorm { border: 1px #A3A3A3 dashed; background: #E8E8E8; padding: 7px; margin-bottom: 10px; border-radius: 7px; } .showtags { padding: 3px 7px 3px 7px; border-radius: 7px; background: #8DB7F2; display: inline-block; margin: 1px; } .listinfo { width: 47%; vertical-align: top; padding: 5px; border-radius: 6px; background: #FAFAFA; display: inline-block; margin: 2px; }