.icon-reorder:before{font-family:FontAwesome;content:"\f03a"} html,body{height:100%} :focus {outline: 0;} html{font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{font-size:1em;line-height:1.6;text-rendering:optimizeLegibility;color:#4c4c4c;background-color:#fff;margin:0;min-width:100%} a {text-decoration:none; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .aligncenter{display:block;margin:0 auto 1em} .alignleft{display:block;margin:0 auto 1em} .alignright{display:block;margin:0 auto 1em} img,audio,video,canvas{max-width:100%} img{height:auto} hr{margin-bottom:20px} .padding-top{padding-top:60px} .callout{padding:10px;font-style:italic;text-align:center} .cf:before,.cf:after,.row:before,.row:after{content:"";display:table} .cf:after,.row:after{clear:both} .cf,.row{zoom:1} .container{max-width:1000px;width:96%;margin:0 auto;position:relative} .row{clear:both} .span-1,.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9,.span-10,.span-11,.span-12{width:100%;position:relative;min-height:1px} .page{position:relative;height:100%} .content-frame{height:100%;position:relative;padding:0;background-color:#fff;-ms-transform:translate(250px,0);-moz-transform:translate(250px,0);-webkit-transform:translate3d(250px,0,0);transform:translate(250px,0);-ms-transition:-ms-transform .28s ease-in-out;-moz-transition:-moz-transform .28s ease-in-out;-webkit-transition:-webkit-transform .28s ease-in-out;transition:transform .28s ease-in-out;border-top:1px solid transparent;min-height:1600px} .nav-collapsed .content-frame{-ms-transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate3d(0px,0,0);transform:translate(0px,0)} body.example .header{padding:1em 0} h1.heavy{color:#333;font-size:1.9em;line-height:1.2;padding-top:20px;position:relative;font-weight:300;text-align:center} h1.heavy span{font-size:.6em;display:block} #carbonads-container{width:300px;margin:20px auto 0} .menu-toggle{position:absolute; top:5px; padding:5px 11px;color:#222;z-index:999} .menu-toggle:hover{color:#555} .toggle-me{font-size:2em} .offcanvas{position:fixed;left:0;top:0;width:300px;overflow:hidden;cursor:default;color:#c8c8c8;background:#222;overflow-x:hidden;overflow-y:auto;-moz-transition:width ease-in-out 0.28s,background linear .1s;-webkit-transition:width ease-in-out 0.28s,background linear .1s;-o-transition:width ease-in-out 0.28s,background linear .1s;transition:width ease-in-out 0.28s,background linear .1s;-ms-transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate3d(0px,0,0);transform:translate(0px,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none} .offcanvas.open{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);width:300px} .scroll{position:absolute;overflow-y:scroll;width:100%;height:100%} .offcanvas ul{margin:0;padding:0;list-style:none;font-weight:300} .offcanvas li{display:block} .offcanvas a{display:block;height:100%;width:100%;color:#aaa;text-decoration:none;cursor:pointer;border-bottom:1px solid #353434;padding:13px 10px;transition:.3s ease all} .offcanvas a:hover{background-color:#111} .offcanvas a i{font-size:23px;float:left;padding:0 15px 0 4px} .offcanvas a.moveleft{padding-left:53px} .clear{clear:both;} .yesilh1 {background-color:#27ae60; padding:3px 10px; text-align:center; color:#fff;} #ustfix {position:relative;left:0;top:0; background-color:#eee; width:100%;} #ustfix .menuu {float:left;} #ustfix .logo {float:left; position:relative; left:60px; } #ustfix2 {position:relative; background:url(images/headermenu.jpg) repeat-x; width:100%; text-align:center; padding:2px 0px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-size:18px;} #ustfix2 a {text-decoration:none; color:#fff; padding:5px 10px;} #ustfix2 a:hover {background-color:#fff; text-decoration:none; color:#ff0000;} #anasayfahaberler {} #anasayfahaberler p {margin:0; width:100%; vertical-align:middle; font-family: 'Roboto Condensed', sans-serif;} #anasayfahaberler p > a {display:block; padding:5px 0; color:#333; border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding-right:15px;} #anasayfahaberler p > a:after {content: ''; display: block; clear: both;} #anasayfahaberler p:nth-child(even) > a {background-color:#fff;} #anasayfahaberler p:nth-child(odd) > a {background-color:#efefef;} #anasayfahaberler p > a:hover {background-color:#ff0000; color:#fff;} #anasayfahaberler p img {float:left; height:60px; width:110px; margin-right:10px;} #anasayfahaberler p span {color:#ff5252; font-size:12px; text-transform: uppercase;} #anasayfahaberler p span:after {content: ')';} #anasayfahaberler p span:before {content: '(';} #maincontent h1 {font-size:21px;} #haberdetay {padding:15px; text-align:justify; background-color:#fafafa;} #haberdetay a {color:#333;} #haberdetay .navbrad {line-height:36px; color:#ccc; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;} #haberdetay .haberustbilgi {line-height:36px; color:#999; font-size:12px; font-family: 'Roboto Condensed', sans-serif;} #haberdetay .guncelleme {margin-top:-10px;} #haberdetay .navbrad a {color:#333; text-decoration:none; margin:0 5px;} #haberdetay .navbrad a:hover {text-decoration:underline;} #haberdetay .navbrad i {margin-right:5px;} #haberdetay h1, #haberdetay h2, #haberdetay h3, #haberdetay h4 {text-transform: uppercase; margin:10px 0; text-align:left; font-size:18px;} #haberdetay h1 a {text-decoration:none; color:#333;} #haberdetay h1 a:hover {text-decoration:none; color:#000;} #haberdetay h2, #haberdetay h3, #haberdetay h4 {text-transform: uppercase; margin:10px 0 -10px 0;} #haberdetay p {color:#000; line-height:21px;} #haberdetay .paylasust {background-color:#eee; text-align:centeR; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#07a7e3; margin:0px 0 10px; font-weight:bold; padding:10px 0px;} #haberdetay .paylasust label {display:block; margin-bottom:5px;} #haberdetay .paylasust a {color:#fff; font-size:21px; padding:5px 10px; margin-left:5px;} #haberdetay .paylasust a:first-child {margin-left:0px;} #haberdetay .paylasust a.fb {background-color:#3b5a9a; color:#fff;} #haberdetay .paylasust a.fb:hover {color:#3b5a9a;} #haberdetay .paylasust a.tw {background-color:#29a9e1; color:#fff;} #haberdetay .paylasust a.tw:hover {color:#29a9e1;} #haberdetay .paylasust a.gp {background-color:#df4b38; color:#fff;} #haberdetay .paylasust a.gp:hover {color:#df4b38;} #haberdetay .paylasust a.wh {background-color:#43d854; color:#fff;} #haberdetay .paylasust a.wh:hover {color:#43d854;} #haberdetay .paylasust a.pa {background-color:#43d854; color:#fff;} #haberdetay .paylasust a.pa:hover {color:#43d854;} #haberdetay .paylasust a:hover {color:#3b5a9a; background-color:#fff;} #haberyorum {background-color:#fff; min-height:100px; margin-top:0px; padding:15px;} #haberyorum .baslik {background-color:#27ae60; color:#fff; padding:10px 15px; font-size:18px; font-family: 'Roboto Condensed', sans-serif;} #haberyorum .baslik2 {background-color:#ff0000; color:#fff; padding:10px 15px; font-size:18px; font-family: 'Roboto Condensed', sans-serif;} #haberyorum textarea {background-color:#eee; border:0; border-bottom:3px solid #aaa; padding:10px 5%; margin-top:10px; width:90%; height:90px; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #haberyorum textarea:focus {background-color:#fff; color:#999; padding:10px 5%; border:1px solid #999; border-bottom:3px solid #999; } #haberyorum input[type="button"] {background-color:#27ae60; color:#fff; border:1px solid #16a085; border-bottom:3px solid #16a085; padding:6px 0px; margin-top:10px; width:100px; font-family: 'Roboto Condensed', sans-serif; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #haberyorum input[type="button"]:hover {background-color:#16a085; color:#fff; border:1px solid #16a085; border-bottom:3px solid #16a085; } #haberyorum input[type="text"] {background-color:#eee; color:#999; border:1px solid #aaa; border-bottom:3px solid #aaa; padding:6px 2%; margin-top:5px; width:44%; font-family: 'Roboto Condensed', sans-serif; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #haberyorum input[type="text"]:focus {background-color:#fff; color:#999; border:1px solid #999; border-bottom:3px solid #999; } #haberyorumgizli {display:none;} #haberyorumlar {background-color:#fff; min-height:100px; margin-top:20px; padding:15px;} #haberyorumlar .baslik {background-color:#16a085; color:#fff; padding:10px 15px; font-size:18px; font-family: 'Roboto Condensed', sans-serif;} #haberyorumlar p {background-color:#eee; padding:15px; text-align:justify; line-height:21px; color:#888;} #haberyorumlar .isim {float:left; width:50%; margin-bottom:10px; color:#333;} #haberyorumlar .tarih {float:right; text-align:right; width:50%; margin-bottom:10px; color:#333; font-size:12px;} #haberdetay2 .haberkutu2 {position:relative; margin-top:28px;} #haberdetay2 .haberkutu2 .hbaslik {z-index:3333333333333333333333; margin-bottom:0px;} #haberdetay2 .haberkutu2 .hbaslik a {display:block; color:#fff; background:url(images/headermenu.jpg) repeat-x; text-decoration:none; padding:5px 10px; margin-bottom:0px;} #haberdetay2 .haberkutu2 .hbaslik a:hover {color:#fff; background:transparent; background-color:#07a7e3;} #haberdetay2 .haberkutu {position:relative; max-width:49%; height:120px; float:left; font-size:12px; } #haberdetay2 .haberkutu:nth-child(even) {margin-right:2%;} #haberdetay2 .haberkutu img {z-index:3; width:100%; max-width:200px; min-width:165px; height:110px; margin:10px 0 5px 0;} #haberdetay2 .haberkutu span {font-size:14px; line-height:16px; text-align:left; position:absolute; left:4px; top:75px; width:auto; max-width:88%; padding:5px 5px; font-family: 'Roboto Condensed', sans-serif; background-color:#fff; color:#ff0000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: 0.8; filter: alpha(opacity=80);} #haberdetay2 .haberkutu a:hover span {opacity: 1; filter: alpha(opacity=100);} #kategorilerilceler {clear:both; margin:30px 0 0px 0;} #kategorilerilceler h2, #kategorilerilceler h3 {background-color:#27ae60; padding:8px 0; text-align:center; color:#fff; margin-bottom:10px;} #kategorilerilceler a {display:block; float:left; margin-right:7px; margin-bottom:10px; width:91px; text-align:center; font-size:12px; color:#aaa; font-family: 'Roboto Condensed', sans-serif; padding:10px 5px; background:url(images/rbg1.png) repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:1px solid #ddd; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} #kategorilerilceler a:hover {background:transparent; background-color:#fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:1px solid #ddd;} #kategorilerilceler a > p {margin:0 0 5px; font-size:21px; font-weight:bold;} #kategorilerilceler a.balıkesirspor > p {font-size:18px; color:#ff0000;} #kategorilerilceler a.balıkesirspor:hover, #kategorilerilceler a.balıkesirspor:hover > p {background-color:#ff0000; color:#fff;} #kategorilerilceler a > p.yesil {color:#27ae60;} #jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 600px; height: 320px; overflow: hidden; visibility: hidden;} #jssor_1 p {font-size:18px; position:absolute; top:130px; z-index:99999999999999999999999; line-height:24px; height:24px; color:#fff; left:20px; width:auto; background-color:#ff0000; padding:8px 15px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; text-transform: uppercase; -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;} #jssor_1 span {font-size:24px; position:absolute; line-height:36px; background-color:#fff; color:#333; left:20px; top:187px; width:auto; padding:5px 15px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; text-transform: uppercase; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0;} .jssorb05 {position: absolute;} .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute; /* size of bullet elment */ width: 16px; height: 16px; background: url('img/b05.png') no-repeat; overflow: hidden; cursor: pointer; } .jssorb05 div { background-position: -7px -7px; } .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; } .jssorb05 .av { background-position: -67px -7px; } .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; } .jssora12l, .jssora12r { display: block; position: absolute; /* size of arrow element */ width: 30px; height: 46px; cursor: pointer; background: url('img/a12.png') no-repeat; overflow: hidden; } .jssora12l { background-position: -16px -37px; } .jssora12r { background-position: -75px -37px; } .jssora12l:hover { background-position: -136px -37px; } .jssora12r:hover { background-position: -195px -37px; } .jssora12l.jssora12ldn { background-position: -256px -37px; } .jssora12r.jssora12rdn { background-position: -315px -37px; }