/* Name: THENOUS Description: by Ortak Sanatlar Creative Version: 2.0.0 */ /** CSS RESET *************************/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure,menu{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object,menu,main{display:block}a img{border:0}figure{position:relative}figure img{width:100%}body a{text-decoration:none;outline:none;cursor:pointer;}Body ul, body ul li{list-style:none;}h1,h2,h3,h4,h5,h6{font-weight:normal;}img, object, embed{max-width:100%;height:auto;} /** FONT *************************/ @font-face { font-family:TMSans; src:url(components/TMSans-Regular.eot) format("embedded-opentype"), url(components/TMSans-Regular.woff) format("woff"), url(components/TMSans-Regular.ttf) format("truetype"); font-weight:400; font-style:normal; } @font-face { font-family:TMSans; src:url(components/TMSans-Bold.eot) format("embedded-opentype"), url(components/TMSans-Bold.woff) format("woff"), url(components/TMSans-Bold.ttf) format("truetype"); font-weight:700; font-style:normal; } /** MAIN *************************/ html { max-width:100%; text-rendering:optimizelegibility; } body { max-width:100%; color:#030303; background:#FFF; font-family:TMSans; font-weight:400; } input { font-family:TMSans; font-weight:400; outline:none; } ::-moz-selection{ background-color:#000; color:#FFF; } ::-webkit-selection { background-color:#000; color:#FFF; } ::selection { background-color:#000; color:#FFF; } .container { margin:0 auto; width:100%; max-width:1215px; position:relative; } .container:after{ content:''; display:table; clear:both; } .row { width:100%; height:auto; position:relative; float:left; } .dpn { display: none; } /** HEADER *************************/ #header { padding:15px 0; width:92%; max-width:1216px; height:30px; position:fixed; top:0; left:50%; transform:translateX(-50%); background:#FFF; z-index:999; } #header #logo { width:auto; height:30px; position:relative; float:left; line-height:30px; font-size:18px; font-weight:700; display:block; } #header #logo a { color:#b0985a; font-size:18px; font-weight:700; } #header #nav { width:auto; height:30px; position:relative; float:left; } #header #nav ul { width:auto; height:30px; position:relative; float:left; } #header #nav ul li { width:auto; height:30px; position:relative; float:left; line-height:30px; } #header #nav ul li a { padding:0 10px; color:#030303; font-size:18px; font-weight:700; } #header #nav ul li:first-child a { padding:0 10px 0 30px; } #header #nav ul li:last-child { display: none; } #header #search { width:200px; height:30px; position:relative; float:right; background:none; border:none; line-height:30px; text-align:right; color:#030303; font-size:18px; font-weight:700; font-family: "Ionicons"; cursor:pointer; } #header #search:focus { cursor:auto; } #header .mmenu { display:none; margin-right:15px; width:auto; height:30px; position:relative; float:left; line-height:30px; color:#030303; font-size:30px; } /** MAIN *************************/ #main { padding:60px 0 20px; } .post { margin-bottom:5px; width:910px; height:250px; position:relative; float:left; background:rgba(0,0,0,0.05); } .post .hit { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; } .post .figure { margin-right:10px; width:300px; height:100%; position:relative; float:left; z-index:1; } .post .content { padding:30px 15px; width:570px; position:absolute; right:0; top:50%; transform:translateY(-50%); z-index:8; } .post .cat { margin-bottom:10px; width:100%; position:relative; float:left; line-height:16px; font-size:16px; font-weight:400; } .post .title { margin-bottom:15px; width:100%; position:relative; float:left; line-height:36px; font-size:32px; font-weight:700; } .post p { margin-bottom:15px; width:100%; position:relative; float:left; line-height:24px; font-size:18px; font-weight:400; } .post .details { width:100%; height:auto; position:relative; float:left; line-height:14px; font-size:14px; font-weight:400; color:#999; } .post .details span, .post .details time { margin-right:10px; text-transform: uppercase; } .video .figure:before { content:''; display:block; position:absolute; right:15px; top:15px; z-index:7; width:0; height:0; border-style:solid; border-width:12px 0 12px 15px; border-color:transparent transparent transparent #b0985a; } .loadmore { margin:25px 0 20px; width:100%; position:relative; float:left; line-height:60px; text-align:center; } .loadmore a { padding:0 45px; font-size:18px; font-weight:700; display:inline-block; border-radius:4px; color:#FFF; background:#b0985a; } #feed .post:nth-child(-n+5), #trending .post { margin:0 5px 5px 0; width:300px; height:250px; position:relative; float:left; } #feed .post:nth-child(-n+5) .figure, #trending .post .figure { margin-right:0; width:100%; height:100%; z-index:1; } #feed .post:nth-child(-n+5) .figure:after, #trending .post .figure:after { background-image:url(img/gradient.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% 66.66666%; content:''; display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2; } #feed .post:nth-child(-n+5) .content, #trending .post .content { padding:15px; width:100%; top:auto; bottom:0; transform:none; box-sizing:border-box; } #feed .post:nth-child(-n+5) .cat, #trending .post .cat { color:#FFF; } #feed .post:nth-child(-n+5) .title, #trending .post .title { line-height:27px; font-size:24px; color:#FFF; } #feed .post:nth-child(1) { margin:0 0 5px 0; width:100%; height:518px; position:relative; float:left; background:#DDD; } #feed .post:nth-child(1) .cover { width:100%; height:100%; position:absolute; top:0; left:0; background:url(img/cover-gradient.png) top left no-repeat; background-size: cover; z-index:3; opacity:.5; } #feed .post:nth-child(1) .logo { width:auto; height:auto; position:absolute; top:30px; left:30px; z-index:4; line-height:90px; font-size:90px; color:#FFF; letter-spacing:-1px; font-weight:700; text-transform:uppercase; } #feed .post:nth-child(1) .logo a { color:#FFF; } #feed .post:nth-child(1) .figure { margin-right:0; width:100%; height:100%; z-index:1; } #feed .post:nth-child(1) .content { padding:30px; width:100%; top:auto; bottom:0; transform:none; box-sizing:border-box; text-align:center; } #feed .post:nth-child(1) .cat { color:#FFF; } #feed .post:nth-child(1) .title { margin-left:10%; width:80%; line-height:60px; font-size:57px; color:#b0985a; letter-spacing:-1px; } #feed .post:nth-child(5) { margin:0 0 5px 0; } #feed .advice { margin-bottom:5px; width:100%; max-width:300px; height:auto; float:right; position:relative; } #feed .advice .post { width:100%; max-width:300px; height:auto !important; background:none; } #feed .advice .post a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; } #feed .advice .post .figure { margin-right:12px; width:72px; height:60px; } #feed .advice .post .content{ padding:0; width:216px; position:relative; float:right; right:auto; top:auto; transform:none; z-index:8; } #feed .advice .post .title{ margin-bottom:5px; line-height:18px; font-size:15px; color:#000; } #feed .advice .post .details{ line-height:12px; font-size:12px; } #trending { padding-bottom:60px; } #trending .head { margin-bottom:10px; padding:25px 0; width:100%; height:auto; position:relative; float:left; line-height:36px; font-size:36px; font-weight:700; text-align:center; color:#b0985a; } #trending .rate { width:60px; height:60px; position:absolute; right:0; top:0; z-index:7; background: url(img/ribbon.png) right top no-repeat; background-size:contain; } #trending .rate span { width:100%; height:auto; position:absolute; top:12px; left:10px; line-height:14px; font-size:14px; font-weight:400; color:#fff; z-index:8; transform: rotate(45deg); text-align: center; } #trending .post:nth-child(4n+1) { margin:0 0 5px 0; } /** SINGLE *************************/ #single { } #single .header { margin-bottom:30px; height:auto; } #single .header h1 { margin-bottom:15px; width:100%; height:auto; position:relative; float:left; line-height:60px; font-size:57px; color:#b0985a; letter-spacing:-1px; font-weight:700; } #single .header p { margin-bottom:30px; width:100%; height:auto; position:relative; float:left; line-height:36px; font-size:32px; } .socialshare { width:100%; height:auto; position:relative; float:left; } .socialshare ul { width:100%; height:auto; position:relative; float:left; } .socialshare ul li { margin-right:5px; width:auto; height:30px; position:relative; float:left; line-height:30px; font-size:18px; color:#999; text-align: center; } .socialshare ul li:nth-child(-n+3) { width:30px; } .socialshare ul li a { line-height:30px; display:inline-block; color:#FFF; font-size:18px; border-radius:4px; } .socialshare ul li a i { display:inline-block; } .socialshare ul li:nth-child(1) a { width:30px; background:#3b5998; } .socialshare ul li:nth-child(2) a { width:30px; background:#1da1f2; } .socialshare ul li:nth-child(3) a { width:30px; background:#25d366; } .socialshare ul li:nth-child(4) span, .socialshare ul li:nth-child(6) span { margin-left:10px; display:block; height:15px; line-height:15px; font-size:14px; text-align:left; } .socialshare ul li:nth-child(4) span:first-child, .socialshare ul li:nth-child(6) span:first-child { color:#030303; } .socialshare ul li:nth-child(5){ margin-left:20px; } .socialshare ul li:nth-child(5) a { width:30px; background:#b0985a; } .socialshare ul li:nth-child(7) { margin-left:20px; line-height:15px; font-size:14px; text-align:left; } .socialshare ul li:nth-child(7) a { height:15px; line-height:15px; font-size:14px; text-align:left; color:#030303; font-weight:700; } .socialshare ul li:nth-child(7) time { display:block; height:15px; line-height:15px; font-size:14px; } .socialshare ul li:nth-child(7) ul { width:100%; height:15px; line-height:15px; position:relative; float:left; } .socialshare ul li:nth-child(7) ul li { margin-right:0; width:100%; height:15px; line-height:15px; font-size:14px; } .socialshare ul li:nth-child(7) ul li a { width:auto; color:#030303; font-weight:700; background:none; } #single .main { margin-bottom:15px; width:890px; height:auto; position:relative; float:left; } #single .main .cover { margin-bottom:24px; width:100%; height:auto; position:relative; float:left; } #single .main h2 { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:27px; font-size:24px; font-weight: 700; } #single .main h3 { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; font-weight: 700; } #single .main p { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; } #single .main p a { font-weight:700; box-shadow:0 2px 2px -2px #b0985a; color:#030303; } #single .main p a:hover { color:#b0985a; } #single .main .wp-caption { margin-bottom:24px; padding:0 5%; width:90% !important; height:auto; position:relative; float:left; } #single .main .wp-caption img { width:100%; height:auto; position:relative; float:left; } #single .main .wp-caption-text { margin:8px 0 0; padding:0; width:100%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; color:#999; text-align: center; } #single .main .size-full { width:100% !important; height:auto; position:relative; float:left; } #single .main ul { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; } #single .main iframe { width:100%; position:relative; float:left; } #single .main ul li { width:100%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; } #single .main .post .title { margin-bottom:15px; padding:0; width:100%; line-height:36px; font-size:32px; } #single .main .post p { margin-bottom:15px; padding:0; width:100%; position:relative; float:left; line-height:24px; font-size:18px; } #single .main .twitter-tweet { margin-bottom:24px !important; padding:0 5%; width:90%; height:auto; position:relative; float:left;} #single .readmore { margin-top:24px; margin-bottom:24px; width:100%; height:auto; position:relative; float:left; } #single .readmore .post { width:100%; } #single .readmore .post .content { padding:15px; width:550px; } #single .footer { width:890px; height:auto; position:relative; float:left; } #single .aside { width:300px; height:auto; position:relative; float:right; } #single .head, #feed .advice .head { margin-top:15px; margin-bottom:15px; width:100%; height:auto; position:relative; float:left; line-height:27px; font-size:24px; font-weight:700; color:#b0985a; } #single .aside .post { margin-bottom:15px; width:300px; height:auto; background:none; } #single .aside .post a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; } #single .aside .post .figure { margin-right:12px; width:72px; height:60px; } #single .aside .post .content{ padding:0; width:216px; position:relative; float:right; right:auto; top:auto; transform:none; z-index:8; } #single .aside .post .title { margin-bottom:5px; line-height:18px; font-size:15px; } #single .aside .post .details { line-height:12px; font-size:12px; } #single .aside .mustread { width:300px; height:auto; min-height:282px; position:relative; float:left; } #single .aside .mustread .fixed { width:300px; height:auto; position:absolute; top:0; } /** FOOTER *************************/ #footer { width:90%; height:60px; position:fixed; bottom:0; left:5%; background:#FFF; z-index:999; overflow:hidden; } #footer #promotion { padding:15px 0; width:100%; height:30px; position:relative; float:left; transform: translateY(60px); transition:all linear .3s; z-index:99; background:#FFF; } #footer #popshare { padding:15px 0; width:100%; height:30px; position:relative; float:left; transform: translateY(60px); transition:all linear .3s; z-index:90; background:#FFF; } #footer #popshare ul li { margin-right:5px; width:auto; height:30px; position:relative; float:left; line-height:30px; font-size:15px; text-align:center; } #footer #popshare ul li a { padding:0 30px; display:block; color:#FFF; font-size:13px; border-radius:4px; } #footer #popshare ul li a i { margin-right:5px; } #footer #popshare ul li:nth-child(1) a { background:#3b5998; } #footer #popshare ul li:nth-child(2) a { background:#1da1f2; } #footer #popshare ul li:nth-child(3) a { background:#25d366; } #footer h2 { margin-right:10px; display:inline-block; color:#030303; font-size:14px; font-weight:700; } #footer .social { margin-right:30px; width:auto; height:30px; position:relative; float:left; line-height:30px; font-size:12px; font-weight:400; } #footer .social a { margin-right:2px; padding:0 15px; display:inline-block; color:#FFF; font-size:12px; border-radius:4px; } #footer .social a:nth-child(2) { background:#3b5998; } #footer .social a:nth-child(3) { background:#1da1f2; } #footer .social a:nth-child(4) { background:#fd1d1d; } #footer .email { width:auto; height:30px; position:relative; float:right; line-height:30px; } #footer #mc-embedded-subscribe-form { display:inline-block; } #footer #mce-FNAME { padding:0 10px; width:120px; height:30px; position:relative; display:inline-block; line-height:30px; font-size:12px; font-weight:400; color:#030303; border:none; border-radius:4px; background:rgba(0,0,0,0.025); } #footer #mce-EMAIL { padding:0 10px; width:210px; height:30px; position:relative; display:inline-block; line-height:30px; font-size:12px; font-weight:400; color:#030303; border:none; border-radius:4px; background:rgba(0,0,0,0.025); } #footer #mc-embedded-subscribe { width:100px; height:30px; position:relative; display:inline-block; line-height:30px; font-size:12px; font-weight:400; color:#FFF; background:#b0985a; border:none; border-radius:4px; } /** ADS *************************/ .masthead { margin-bottom:5px; padding:15px 0; width:100%; height:auto; position:relative; float:left; } .masthead .ad { margin:0 auto;width:970px; height:auto; position:relative; float:left; left:50%; transform:translateX(-50%); } .masthead .mad { width:300px; height:auto; position:relative; float:left; left:50%; transform:translateX(-50%); display:none; } .horizontal { margin-bottom:5px; padding:15px 0; width:100%; height:90px; position:relative; float:left; } .horizontal .ad { width:728px; height:90px; position:relative; float:left; left:50%; transform:translateX(-50%); } .square { margin-bottom:5px; width:300px; height:auto; position:relative; float:right; } .square .ad { width:300px; height:auto; position:relative; float:left; left:50%; transform:translateX(-50%); } .square .mad { width:300px; height:auto; position:relative; float:left; left:50%; transform:translateX(-50%); display:none; } .lsquare { margin-bottom:5px; width:300px; height:auto; position:relative; float:right; } .lsquare .ad { width:300px; height:auto; position:relative; float:left; left:50%; transform:translateX(-50%); } .mad { display:none; } /** MOBILE *************************/ @media handheld, only screen and (max-width: 767px) { .container { padding:0 10px; max-width:100%; box-sizing:border-box; } .row { width:100%; } #header { padding:10px; width:100%; height:50px; left:0; box-sizing:border-box; box-shadow:0 9px 9px -9px rgba(0,0,0,0.15); transform:none; } #header #logo { width:140px; height:30px; line-height:30px; } #header #nav { width:100%; height:100%; position:fixed; float:none; left:0; top:0; z-index:9999; background:#FFF; box-shadow:9px 0 9px -9px rgba(0,0,0,0.15); display:none; } #header #nav ul { padding:30px; width:100%; height:auto; position:absolute; box-sizing:border-box; top:50%; transform:translateY(-50%); } #header #nav ul li { width:100%; text-align: center; } #header #nav ul li a { padding:0; color:#030303; font-size:18px; font-weight:700; } #header #nav ul li:first-child a { padding:0; } #header #nav ul li:last-child { display: block; margin-top:45px; } #header #nav ul li:last-child a { color:#999; font-size:14px; font-weight:400; } #header .mmenu { display:inline-block; } #header #search { width:140px; } #main { padding:80px 10px 20px; } .post { margin-bottom:10px; width:100%; height:auto; background:rgba(0,0,0,0.1); } .post .figure { margin-right:0; width:100%; height:200px; } .post .content { padding:20px; width:100%; position:relative; float:left; right:auto; top:auto; transform:none; z-index:8; box-sizing:border-box; } .post .cat { margin-bottom:10px; line-height:14px; font-size:14px; font-weight:400; } .post .title { margin-bottom:10px; line-height:24px; font-size:20px; font-weight:700; } .post p { margin-bottom:10px; line-height:18px; font-size:14px; font-weight:400; } .loadmore { margin:30px 0 0; } #feed .post:nth-child(-n+5), #trending .post { margin:0 0 10px 0; width:100%; height:250px; } #feed .post:nth-child(-n+5) .content, #trending .post .content { padding:20px; position:absolute; } #feed .post:nth-child(-n+5) .title, #trending .post .title { line-height:24px; font-size:20px; } #feed .post:nth-child(1) { margin:0 0 10px 0; height:300; background:#000; } #feed .post:nth-child(1) .logo { height:40px; top:20px; left:20px; line-height:40px; font-size:40px;} #feed .post:nth-child(1) .figure { margin-right:0; width:100%; height:100%; z-index:1; } #feed .post:nth-child(1) .content { padding:20px; width:100%; top:auto; bottom:0; transform:none; box-sizing:border-box; text-align:center; } #feed .post:nth-child(1) .cat { color:#FFF; } #feed .post:nth-child(1) .title { margin-left:5%; width:90%; line-height:32px; font-size:27px; color:#b0985a; letter-spacing:-1px; } #feed .post:nth-child(5) { margin:0 0 10px 0; } #feed .advice { display:none; } #trending { padding-bottom:40px; } #trending .head { margin-bottom:10px; padding:20px 0; width:100%; } #trending .post:nth-child(4n+2) { margin:0 0 10px 0; } #single .header { margin-bottom:15px; height:auto; } #single .header h1 { line-height:36px; font-size:32px; } #single .header p { margin-bottom:24px; width:100%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; } .socialshare ul li { margin-right:3px; height:30px; line-height:30px; font-size:14px; color:#999; text-align: center; } .socialshare ul li:nth-child(-n+3) { width:30px; } .socialshare ul li a { display:inline-block; color:#FFF; font-size:16px; border-radius:4px; } .socialshare ul li:nth-child(5){ margin-left:5px; } .socialshare ul li:nth-child(4) span, .socialshare ul li:nth-child(6) span { margin-left:5px; font-size:11px; } .socialshare ul li:nth-child(5){ margin-left:5px; } .socialshare ul li:nth-child(7) { margin-left:5px; text-transform:uppercase; } .socialshare ul li:nth-child(7) a { height:15px; line-height:15px; font-size:14px; text-align:center; color:#030303; font-weight:700; } .socialshare ul li:nth-child(7) time { display:block; height:15px; line-height:15px; font-size:11px; } .socialshare ul li:nth-child(7) ul { width:100%; height:15px; line-height:15px; position:relative; float:left; } .socialshare ul li:nth-child(7) ul li { margin-right:0; width:100%; height:15px; line-height:15px; font-size:11px; } .socialshare ul li:nth-child(7) ul li a { font-size:14px; width:auto; color:#030303; font-weight:700; background:none; } #single .main { margin-bottom:15px; width:100%; } #single .main .cover { margin-bottom:24px; width:100%; height:auto; position:relative; float:left; } #single .main h2 { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:27px; font-size:24px; font-weight: 700; } #single .main h3 { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; font-weight: 700; } #single .main p { margin-bottom:21px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:21px; font-size:16px; } #single .main p a { font-weight:700; box-shadow:0 2px 2px -2px #b0985a; color:#030303; } #single .main p a:hover { color:#b0985a; } #single .main .wp-caption { margin-bottom:24px; padding:0 5%; width:90% !important; height:auto; position:relative; float:left; } #single .main .wp-caption img { width:100%; height:auto; position:relative; float:left; } #single .main .wp-caption-text { margin:8px 0 0; padding:0; width:100%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; color:#999; text-align: center; } #single .main .size-full { width:100% !important; height:auto; position:relative; float:left; } #single .main ul { margin-bottom:24px; padding:0 5%; width:90%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; } #single .main iframe { width:100%; position:relative; float:left; } #single .main ul li { width:100%; height:auto; position:relative; float:left; line-height:24px; font-size:18px; } #single .main .post .title { margin-bottom:15px; padding:0; width:100%; line-height:24px; font-size:20px; } #single .main .post p { margin-bottom:15px; padding:0; width:100%; position:relative; float:left; line-height:18px; font-size:14px; } #single .readmore { margin-bottom:24px; width:100%; height:auto; position:relative; float:left; } #single .readmore .post { width:100%; } #single .readmore .post .content { padding:20px; width:100%; box-sizing:border-box; } #single .footer { width:100%; height:auto; position:relative; float:left; } #single .aside { width:100%; height:auto; position:relative; float:right; } #single .head { margin-top:15px; margin-bottom:15px; width:100%; height:auto; position:relative; float:left; line-height:27px; font-size:24px; font-weight:700; color:#b0985a; } #single .aside .post { margin-bottom:15px; width:100%; height:auto; background:none; } #single .aside .post a { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; } #single .aside .post .figure { margin-right:0; width:30%; height:90px; } #single .aside .post .content{ padding:0 20px; width:70%; position:relative; float:right; right:auto; top:auto; transform:none; z-index:8; box-sizing:border-box; } #single .aside .post .title { margin-bottom:5px; line-height:24px; font-size:20px; } #single .aside .post .details { line-height:14px; font-size:14px; } #single .aside .mustread { width:100%; height:auto; position:relative; float:left; } #single .aside .mustread .fixed { width:100%; height:auto; position:relative; top:auto; float:left; } #footer { padding:0 10px; width:100%; height:50px; position:fixed; bottom:0; left:0; box-sizing:border-box; } #footer #promotion { padding:10px 0; width:100%; height:30px; position:relative; float:left; transform:translateY(100px); } #footer #popshare { padding:10px 0; width:100%; height:30px; position:relative; float:left; transform:translateY(100px); } #footer #popshare ul li { margin-right:5px; height:30px; line-height:30px; font-size:13px; text-align:center; } #footer #popshare ul li a { padding:0 15px; font-size:13px; border-radius:4px; } #footer h2 { display:none; } #footer .social { margin-right:0; width:100%; height:30px; line-height:30px; font-size:13px; } #footer .social a { margin-right:5px; padding:0 15px; display:inline-block; color:#FFF; font-size:13px; border-radius:4px; } #footer .email { display:none; } .masthead { margin-bottom:5px; padding:10px; width:100%; box-sizing:border-box; display:block; } .masthead .ad { display:none; } .masthead .mad { display:block; } .horizontal { display:none; } .square { margin-bottom:10px; width:100%; } .square .ad { display:none; } .square .mad { display:block; } .lsquare { display:none; } .ad { display:none; } .mad { display:block; } } /* foto-galeri-sayfala */ .foto-galeri-sayfala {margin-top:10px;} .foto-galeri-sayfala a {padding:4px 7px;border:1px solid #ddd;margin-right:5px; color: #000;} .foto-galeri-sayfala a span {font-weight:700;} .foto-galeri-sayfala a:hover {background:#333;color:#fff;} .foto-galeri-sayfala > span {padding:4px 7px;font-weight:700;color:#fff;background:#b0985a;border:1px solid #ddd;margin-right:5px;}