İlkim Kocamaz | Sosyal Marka Yaratıcısı: 5 Adımda Sosyal Marka Tasarımı Rehberi /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ body#layout #header { margin-bottom: 80px; clear:both; } body#layout #navigation { height: auto; margin-bottom: 60px; margin-top: 30px; position: relative; width: 100%; z-index: 999999; } body#layout #navigation-wrapper { width:40%; float:left; } body#layout #top-social { width:40%; float:right; } body#layout #widget-area .footerwidget { width:250px; margin-right: 20px; } body#layout #widget-area .widget, body#layout #sidebar .widget { width:250px; } body { background-color: #FFF; color: rgb(154, 154, 154); font-size: 16px; font-weight: 400; font-family: Roboto; line-height: 29px; margin-bottom: 0px; text-transform: none; } p { font-size:16px; line-height:26px; } a { text-decoration:none; color:#FD1C71; } a:hover { } h1,h2,h3,h4,h5,h6 { font-family:"Open Sans", sans-serif; } .container { width:1080px; margin:0 auto; } .container.sp_sidebar { overflow:hidden; } #main { width:100%; } .container.sp_sidebar #main { width:730px; margin-right:30px; float:left; } #sidebar { width:308px; float:right; margin-top:8px; } /********************************/ /*** Navigation ***/ /********************************/ #navigation { background: #fff; height: 60px; position: fixed; z-index: 999999; width: 100%; -webkit-backface-visibility: hidden; background: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); } .slicknav_menu { display:none; } #navigation .container { position:relative; } .menu { float:left; } .menu li { display:inline-block; margin-right:22px; position:relative; } .menu li a { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 2px; color: #fff; line-height: 60px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } /*** DROPDOWN ***/ .menu .sub-menu, .menu .children { background-color: #171717; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; } ul.menu ul a, .menu ul ul a { color: #999; margin: 0; padding: 6px 10px 7px 10px; min-width: 160px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid #333; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; } ul.menu ul a:hover, .menu ul ul a:hover { color: #fff; background:#333; } ul.menu li:hover > ul, .menu ul li:hover > ul { display: block; } .menu .sub-menu ul, .menu .children ul { left: 100%; top: 0; } /** Search **/ #top-search { position:absolute; right:0; top:0; width:50px; text-align:center; margin-left:16px; } #top-search a { height:61px; font-size:14px; line-height:60px; color:#fff; background:#353535; display:block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search a:hover { color:#ccc; background:#474747; } .show-search { position:absolute; top:60px; right:-1px; display:none; z-index:10000; } .show-search #searchform input#s { width:190px; background:#FFF; webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); } .show-search #searchform input#s:focus { border:1px solid #d5d5d5; } /*** Top Social ***/ #top-social { position:absolute; right:66px; top:18px; } #top-social a i { font-size: 13px; margin-left: 5px; line-height: 24px; color: #FD1C71; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 23px; height: 23px; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; border: 1px solid #FD1C71; text-align: center; } /********************************/ /*** Header ***/ /********************************/ #header { padding-top:48px; } #logo { text-align:center; padding:40px 0; } /** Featured area **/ .featured-area { margin-bottom:50px; overflow:hidden; position: relative; } #owl-demo .item img{ max-width:100%; height:284px; width:100%; } #owl-demo .item .feat-overlay { position:absolute; width:100%; bottom:6px; background:rgba(0,0,0,.5); } #owl-demo .item .feat-overlay .feat-text { padding:12px 15px 15px 15px; } #owl-demo .item .feat-overlay h3 a { font-size:15px; color:#fff; font-weight:400; letter-spacing:1px; } #owl-demo .item .feat-overlay h3 a:hover { } #owl-demo .item .feat-overlay .feat-cat a{ font-size:14px; font-style:italic; color:rgba(255,255,255,.7); display:inline-block; margin-bottom:4px; } /********************************/ /*** Grid Item ***/ /********************************/ /* grid title */ .sp-grid-title { margin-bottom:45px; text-align:center; } .sp-grid-title h3 { font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing:4px; margin-bottom:4px; } .sp-grid-title .sub-title { font-size: 18px; font-style: italic; color: #999; } .sp-grid li { display: inline-block; vertical-align: top; width: 300px; margin-right: 16px; margin-bottom: 45px; } .container.sp_sidebar .sp-grid li { width:315px; } .container.sp_sidebar .sp-grid li:nth-child(3n+3) { margin-right:16px; } .container.sp_sidebar .sp-grid li:nth-child(2n+2) { margin-right:0; } .sp-grid li:nth-child(3n+3) { margin-right:0; } .sp-grid li .item img { width:100%; height:auto; margin-bottom:10px; } .sp-grid li .item .cat { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family:"Open Sans"; margin-bottom:7px; display:block; } .sp-grid li .item .cat a:hover { } .sp-grid li .item h2 { margin-bottom:8px; } .sp-grid li .item h2 a { font-size: 15px; color: #000000; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .sp-grid li .item h2 a:hover { opacity:.5; } .sp-grid li .item p { margin-bottom:6px; } .sp-grid li .item .date { font-size: 13px; color: #999; letter-spacing: 1px; font-style: italic; } /********************************/ /*** Post ***/ /********************************/ .post { margin-bottom: 45px; bottom: 18px; padding: 25px; border: 4px double #EFEFEF; margin-top: 8px; } .single .post { margin-bottom:70px; } /*** Post Header ***/ .post-header { margin-bottom:27px; text-align:center; font-family: Raleway; font-size: 30px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; color: #222; } .post-header .cat a { display: inline-block; margin-bottom: 12px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid; border-color: #FD1C71; text-transform: uppercase; } .post-header .cat a:hover { } .post-header h1, .post-header h2 { margin-bottom:8px; } .post-header h1 a, .post-header h2 a, .post-header h1 { font-family: Raleway; font-size: 30px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; color: #222; } .post-header h2 a:hover { opacity:.50; } .post-header .date { font-family:"Open Sans", sans-serif; font-size:11px; font-style:italic; color:#939393; text-transform:uppercase; letter-spacing:1px; } /*** Post image ***/ .post-image { margin-bottom:5px; } .post-image img { max-width:100%; height:auto; } .post-image.audio iframe { height:166px; } .container.sp_sidebar .post-image.audio iframe { width:650px; height:auto; } /*** Post Entry ***/ .post-entry { text-align: justify; } .post-entry img { max-width:100%; height:auto; } .post-entry p { margin-bottom:20px; } .post-entry a.more-link { font-weight: 700; border-width: 0px; border-style: solid solid solid solid; color: #FD1C71; font-size: 13px; font-weight: 700; font-family: Montserrat; padding-top: 11px; padding-bottom: 11px; padding-left: 17px; padding-right: 17px; text-align: center; border: 4px double #EFEFEF; text-transform: uppercase; position: relative; } .post-entry a:hover { } .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom:20px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; font-weight:700; } .post-entry h1 { font-size:30px; } .post-entry h2 { font-size:27px; } .post-entry h3 { font-size:24px; } .post-entry h4 { font-size:20px; } .post-entry h5 { font-size:18px; } .post-entry h6 { font-size:16px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .post-entry blockquote p { border-left:3px solid #FD1C71; color:#999; padding:0 18px; font-family:"Georgia"; font-size:18px; line-height:28px; font-style:italic; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; } .post-entry ul li { margin-bottom:12px; list-style:square; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .sticky.post .post-header { border:1px dashed #ddd; padding:20px 0; } .bypostauthor {} .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; } .post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } /*** Post Share ***/ .post-share { text-align:center; margin-top:50px; margin-bottom:40px; background:url(//1.bp.blogspot.com/-RaxSFprHuWw/U-eh4Hd6OgI/AAAAAAAAAP0/sijBcrNVTjo/line.gif) repeat-x center center; } .post-share a { display:inline-block; } .share-box { width: 50px; height: 50px; background: #fff; border: 1px solid #e5e5e5; display: inline-block; line-height: 50px; margin: 0 10px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border-radius: 50%; } .share-box i { font-size:14px; } .share-box:hover { background:#171717; border:1px solid #171717; color:#fff; } /*** Post author ***/ .post-author { margin-bottom:80px; margin-top:70px; overflow:hidden; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content h5 a { font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; color:#000; display:block; } .author-content p { margin-bottom:8px; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /*** Post related ***/ .post-related { overflow:hidden; margin-bottom:80px; margin-top:70px; } .post-box { text-align:center; } .post-box-title { font-size: 18px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 42px; font-weight: 500; padding-bottom: 3px; display: inline-block; } .item-related { width:292px; float:left; margin-right:32px; } .item-related:last-child { margin-right:0; } .container.sp_sidebar .item-related{ width:204px; margin-right:19px; } .container.sp_sidebar .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 a { font-size:14px; text-transform:uppercase; letter-spacing:2px; color:#000; } .item-related h3 a:hover { } .item-related span.date { font-size:10px; font-family:"Open Sans", sans-serif; text-transform:uppercase; font-style:italic; color:#999; } /** Post tags ***/ .post-tags { margin-top:30px; margin-bottom:50px; } .post-tags a { font-family:"Open Sans", sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:7px 10px 8px; margin-right:6px; border-radius:2px; margin-bottom:5px; display:inline-block; } .post-tags a:hover { background:#333; color:#fff; text-decoration:none; } /*** Post Pagination ***/ .post-pagination { overflow:hidden; } .post-pagination .prev-post { float:left; width:470px; } .post-pagination .next-post { float:right; text-align:right; width:470px; } .container.sp_sidebar .post-pagination .prev-post, .container.sp_sidebar .post-pagination .next-post { width:325px; } .post-pagination span { color:#999; font-size:16px; font-style:italic; letter-spacing:1px; } .post-pagination .arrow { font-size:64px; color:#ddd; line-height:64px; } .post-pagination .prev-post .arrow { float:left; margin-right:18px; } .post-pagination .next-post .arrow { float:right; margin-left:18px; } .pagi-text { margin-top:11px; } .post-pagination h5 { text-transform:uppercase; letter-spacing:2px; font-size:14px; } .post-pagination a { color:#999; } .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover { color:#000; } /********************************/ /*** Pagination ***/ /********************************/ .pagination { margin-bottom:100px; overflow:hidden; } .pagination a { color:#999; font-family:"Open Sans", sans-serif; letter-spacing:3px; text-transform:uppercase; font-size:12px; } .pagination a:hover { text-decoration:none; color:#000; } .pagination .newer { float:left; } .pagination .older { float:right; } /********************************/ /*** Footer Social ***/ /********************************/ #footer-social { background:#f9f9f9; padding:40px 0; text-align:center; } #footer-social a { margin:0 15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; } #footer-social a:first-child { margin-left:0; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#FD1C71; color:#fff; border-radius:50%; margin-right:5px; font-size:14px; } #footer-social a:hover { text-decoration:none; color:#000; } #footer-social a:hover > i { background:#000; } /********************************/ /*** Footer logo ***/ /********************************/ #footer-logo { background:#111; padding:60px 0; text-align:center; } #footer-logo img { margin-bottom:15px; } #footer-logo p { color:#777; font-size:15px; margin-bottom:0; font-style:italic; } #footer-logo p i { color:#FD1C71; font-size:14px; margin:0 5px 0 7px; } /********************************/ /*** Footer Copyright ***/ /********************************/ #footer-copyright { padding:18px 0; background:#f2f2f2; overflow:hidden; font-family:"Open Sans", sans-serif; } #footer-copyright p { font-size:11px; color:#888; float:left; } #footer-copyright .to-top { float:right; margin-top:6px; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; color:#333; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } /********************************/ /*** Widget Area ***/ /********************************/ #widget-area { overflow:hidden; margin-bottom:60px; border-top:1px solid #f0f0f0; padding-top:70px; } #widget-area .footerwidget { float:left; } #widget-area .widget, #sidebar .widget { float: left; margin-right: 32px; width: 292px; } #widget-area .widget { width: 450px; } #widget-area #container2 { margin-right:0px; } #sidebar .widget { width: 250px; margin-right: 0; float: none; margin-bottom: 45px; left: 18px; top: 25px; bottom: 18px; padding: 25px; border: 4px double #EFEFEF; } div#sidebar h2 span { display: inline-block; padding-left: 30px; padding-right: 30px; background-color: #fff; } #sidebar img { max-width:250px; } #sidebar iframe { max-width:260px; } .widget:last-child { margin-right:0; } .widget-title, #sidebar .widget h2, #widget-area .widget h2 { font-size:11px; text-transform:uppercase; letter-spacing:2px; padding:12px 14px; color:#666; margin-bottom:30px; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { margin-bottom:20px; } .widget a:hover { } .widget ul li { margin-bottom:7px; padding-bottom:7px; } .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:11px; color:#999; letter-spacing:1px; } #searchform #s:focus { outline:none; } /** searchbar for widget ***/ .widget #searchform input#s { width:260px; } #sidebar .widget #searchform input#s { width:230px; } /*** About Widget ***/ .about-widget img { max-width:292px; height:auto; } /** Instagram widget support **/ .instag ul.thumbnails > li { width:32% !important; } .instag ul.thumbnails > li img:hover { opacity:.8; } .instag ul li { margin:0; padding-bottom:0; border-bottom:none; } .pllexislider ul li { margin:0; padding-bottom:0; border-bottom:none; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-family:"Open Sans", sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:6px 8px 7px; margin-right:5px; margin-bottom:8px; display:inline-block; border-radius:2px; } .widget .tagcloud a:hover { background:#333; color:#fff; } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td a { font-weight:700; color:#222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** WIDGET ITEMS **/ .widget ul.side-newsfeed li { list-style-type:none; margin-bottom:10px; padding-bottom:5px; margin-left:0; } .widget ul.side-newsfeed li:last-child { margin-bottom:0; padding-bottom:0; } .widget ul.side-newsfeed li .side-item { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-image { float:left; margin-right:14px; } .widget ul.side-newsfeed li .side-item .side-image img { width:86px; height:auto; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom:1px; color:#333; display:block; font-size:14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size:10px; letter-spacing:1px; color:#999; font-style:italic; font-family:"Open Sans"; } /** Social Widget **/ .widget-social { text-align:center; } .widget-social a:first-child { margin-left:0; } .widget-social a:last-child { margin-right:0; } .widget-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#FD1C71; color:#fff; border-radius:50%; margin:0 2px; font-size:14px; } .widget-social a:hover { text-decoration:none; color:#000; } .widget-social a:hover > i { background:#000; } .Label a { text-transform: capitalize; } .Label li { text-transform: capitalize; border-bottom: 1px dotted #ECECEC; } /******************************* *** COMMENTS *******************************/ .post-comments { margin-bottom:70px; margin-top:70px; } .comments { margin-bottom:40px; } .comment { border-bottom:1px dotted #eee; margin-top:20px; margin-bottom:34px; padding-bottom:40px; } .comment .avatar-image-container { float:left; } .comment .avatar-image-container img { border-radius:50%; width:50px; height:50px; max-width:50px; max-height:50px; } .comments .comment-block { margin-left: 80px; position: relative; } .comment-replies { margin-left: 40px; margin-top: 20px; } .comments .avatar-image-container { float: left; max-height: 50px; overflow: hidden; width: 50px; } .comment-replies .comment { border:none; margin-bottom:0px; padding-bottom:0px; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text span.author, cite.user > a { display:block; font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:6px; color:#333; font-family:"Open Sans"; } .thecomment .comment-text span.author a:hover { } span.datetime { font-size:14px; color:#999; font-style:italic; display:block; margin-bottom:10px; } .thecomment .comment-text em { font-size:13px; margin-bottom:-14px; display:block; color:orange; letter-spacing:1px; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .comment-actions a { float:right; font-size:11px; background-color:#FD1C71; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .continue a { float:left; margin-bottom:20px; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .loadmore a { font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 55px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:14px; color:#999; font-weight:400; margin-bottom:30px; font-family:"Lato"; letter-spacing:2px; text-transform:uppercase; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#333; color:#FFF; padding:4px 6px 5px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond label { color:#888; width:80px; font-size:14px; display:inline-block; font-weight:300; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; color:#999; margin-bottom:15px; font-size:11px; width:250px; font-family:"Georgia"; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; border:1px solid #DDD; border-radius: 3px; width:95%; height:120px; font-size:13px; color:#777; margin-bottom:14px; line-height:20px; font-family:"Georgia"; } #respond textarea:focus {outline:none;} #respond #submit { font-family:"Lato"; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#666; padding:12px 19px 14px; margin-top:6px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } #respond #submit:hover { background:#333; color:#FFF; } .PageList h2 { display: none; } /********************************/ /*** Archive ***/ /********************************/ .archive-box { background:#f4f4f4; padding:22px 0 24px; text-align:center; margin-bottom:70px; margin-top:-70px; border-bottom:1px solid #eee; } .archive-box span { font-size:14px; font-style:italic; letter-spacing:1px; color:#999; } .archive-box h1 { font-size:26px; letter-spacing:4px; text-transform:uppercase; } .nothing { margin-bottom:90px; text-align:center; } #instafeed{max-width:100%;margin:0 auto;list-style:none;text-align:center;font-family:sans-serif; line-height: 0px; border-top: 1px solid rgba(34,34,34,0.1); border-bottom: 1px solid rgba(34,34,34,0.1);} #instafeed li{display:inline-block;width: 12.5%;margin:0;padding:0;text-align:left;position:relative} #instafeed div{margin:0;position:relative} #instafeed img{max-width:100%;display:block;position:relative;z-index:10;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s} /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; font-family:"Open Sans"; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; font-family:"Open Sans"; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:40px; } .wpcf7 p.sp_input { float:left; margin-right:19px; } .wpcf7 p.sp_message { clear:both; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { background:#171717; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; padding:12px 24px; color:#FFF; letter-spacing:3px; font-size:11px; text-transform:uppercase; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:block; border:none; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#777; } /*** 404 ***/ .error-404 { margin-bottom:105px; text-align:center; } .error-404 h1 { font-size:190px; font-weight:700; margin-bottom:-25px; } .error-404 p { color:#999; font-size:18px; font-style:italic; } .author-content { margin-left: 140px; } #logo { padding:40px 0; } #navigation { background:#fff; } .menu li a { color:#000; } .menu li a:hover { color:#999999; } .menu .sub-menu, .menu .children { background: #171717; } ul.menu ul a, .menu ul ul a { border-top: 1px solid #333333; color:#999999; } ul.menu ul a:hover, .menu ul ul a:hover { color: #ffffff; background:#333333; } #top-social a i { color:#FD1C71; } #top-social a:hover i { color:#FF6E79} #top-search a { background:#FD1C71 } #top-search a { color:#fff } #top-search a:hover { background:#474747; } #top-search a:hover { color:#cccccc; } .widget-title , #sidebar .widget h2, #widget-area .widget h2 { color:#666666; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { background:; color:; } .widget-title, #sidebar .widget h2 { } .footerwidget h2{ margin-top: -45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 1; margin-bottom: 20px; text-align: center; clear: both; } .footerwidget h2 span { display: inline-block; padding-left: 30px; padding-right: 30px; background-color: #fff; } .footerwidget .widget { bottom: 18px; padding: 25px; border: 4px double #EFEFEF; } #footer-social { background:#f9f9f9; } #footer-logo { background:#171717; } #footer-logo p { color:#777777; } #footer-copyright { background:#f2f2f2; } #footer-copyright p { color:#888888; } a, #footer-logo p i { color:#FD1C71; } .post-entry blockquote p { border-left:3px solid #FD1C71 ; } #main .widget { width: 100%; } #navigation .widget ul li { border:none; margin-bottom:0px; padding-bottom:0px; } #navigation .widget a:hover { text-decoration: none; } #widget-area #container3 .widget { margin-right: 0; } #header-inner img { margin-left: auto; margin-right: auto; } -->
İlkim Kocamaz | Sosyal Marka Yaratıcısı: 5 Adımda Sosyal Marka Tasarımı Rehberi /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ body#layout #header { margin-bottom: 80px; clear:both; } body#layout #navigation { height: auto; margin-bottom: 60px; margin-top: 30px; position: relative; width: 100%; z-index: 999999; } body#layout #navigation-wrapper { width:40%; float:left; } body#layout #top-social { width:40%; float:right; } body#layout #widget-area .footerwidget { width:250px; margin-right: 20px; } body#layout #widget-area .widget, body#layout #sidebar .widget { width:250px; } body { background-color: #FFF; color: rgb(154, 154, 154); font-size: 16px; font-weight: 400; font-family: Roboto; line-height: 29px; margin-bottom: 0px; text-transform: none; } p { font-size:16px; line-height:26px; } a { text-decoration:none; color:#FD1C71; } a:hover { } h1,h2,h3,h4,h5,h6 { font-family:"Open Sans", sans-serif; } .container { width:1080px; margin:0 auto; } .container.sp_sidebar { overflow:hidden; } #main { width:100%; } .container.sp_sidebar #main { width:730px; margin-right:30px; float:left; } #sidebar { width:308px; float:right; margin-top:8px; } /********************************/ /*** Navigation ***/ /********************************/ #navigation { background: #fff; height: 60px; position: fixed; z-index: 999999; width: 100%; -webkit-backface-visibility: hidden; background: #fff; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.11); } .slicknav_menu { display:none; } #navigation .container { position:relative; } .menu { float:left; } .menu li { display:inline-block; margin-right:22px; position:relative; } .menu li a { font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 2px; color: #fff; line-height: 60px; text-transform: uppercase; display: inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; } /*** DROPDOWN ***/ .menu .sub-menu, .menu .children { background-color: #171717; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; } ul.menu ul a, .menu ul ul a { color: #999; margin: 0; padding: 6px 10px 7px 10px; min-width: 160px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid #333; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; } ul.menu ul a:hover, .menu ul ul a:hover { color: #fff; background:#333; } ul.menu li:hover > ul, .menu ul li:hover > ul { display: block; } .menu .sub-menu ul, .menu .children ul { left: 100%; top: 0; } /** Search **/ #top-search { position:absolute; right:0; top:0; width:50px; text-align:center; margin-left:16px; } #top-search a { height:61px; font-size:14px; line-height:60px; color:#fff; background:#353535; display:block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search a:hover { color:#ccc; background:#474747; } .show-search { position:absolute; top:60px; right:-1px; display:none; z-index:10000; } .show-search #searchform input#s { width:190px; background:#FFF; webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); } .show-search #searchform input#s:focus { border:1px solid #d5d5d5; } /*** Top Social ***/ #top-social { position:absolute; right:66px; top:18px; } #top-social a i { font-size: 13px; margin-left: 5px; line-height: 24px; color: #FD1C71; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; width: 23px; height: 23px; float: left; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; border: 1px solid #FD1C71; text-align: center; } /********************************/ /*** Header ***/ /********************************/ #header { padding-top:48px; } #logo { text-align:center; padding:40px 0; } /** Featured area **/ .featured-area { margin-bottom:50px; overflow:hidden; position: relative; } #owl-demo .item img{ max-width:100%; height:284px; width:100%; } #owl-demo .item .feat-overlay { position:absolute; width:100%; bottom:6px; background:rgba(0,0,0,.5); } #owl-demo .item .feat-overlay .feat-text { padding:12px 15px 15px 15px; } #owl-demo .item .feat-overlay h3 a { font-size:15px; color:#fff; font-weight:400; letter-spacing:1px; } #owl-demo .item .feat-overlay h3 a:hover { } #owl-demo .item .feat-overlay .feat-cat a{ font-size:14px; font-style:italic; color:rgba(255,255,255,.7); display:inline-block; margin-bottom:4px; } /********************************/ /*** Grid Item ***/ /********************************/ /* grid title */ .sp-grid-title { margin-bottom:45px; text-align:center; } .sp-grid-title h3 { font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing:4px; margin-bottom:4px; } .sp-grid-title .sub-title { font-size: 18px; font-style: italic; color: #999; } .sp-grid li { display: inline-block; vertical-align: top; width: 300px; margin-right: 16px; margin-bottom: 45px; } .container.sp_sidebar .sp-grid li { width:315px; } .container.sp_sidebar .sp-grid li:nth-child(3n+3) { margin-right:16px; } .container.sp_sidebar .sp-grid li:nth-child(2n+2) { margin-right:0; } .sp-grid li:nth-child(3n+3) { margin-right:0; } .sp-grid li .item img { width:100%; height:auto; margin-bottom:10px; } .sp-grid li .item .cat { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family:"Open Sans"; margin-bottom:7px; display:block; } .sp-grid li .item .cat a:hover { } .sp-grid li .item h2 { margin-bottom:8px; } .sp-grid li .item h2 a { font-size: 15px; color: #000000; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .sp-grid li .item h2 a:hover { opacity:.5; } .sp-grid li .item p { margin-bottom:6px; } .sp-grid li .item .date { font-size: 13px; color: #999; letter-spacing: 1px; font-style: italic; } /********************************/ /*** Post ***/ /********************************/ .post { margin-bottom: 45px; bottom: 18px; padding: 25px; border: 4px double #EFEFEF; margin-top: 8px; } .single .post { margin-bottom:70px; } /*** Post Header ***/ .post-header { margin-bottom:27px; text-align:center; font-family: Raleway; font-size: 30px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; color: #222; } .post-header .cat a { display: inline-block; margin-bottom: 12px; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid; border-color: #FD1C71; text-transform: uppercase; } .post-header .cat a:hover { } .post-header h1, .post-header h2 { margin-bottom:8px; } .post-header h1 a, .post-header h2 a, .post-header h1 { font-family: Raleway; font-size: 30px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; color: #222; } .post-header h2 a:hover { opacity:.50; } .post-header .date { font-family:"Open Sans", sans-serif; font-size:11px; font-style:italic; color:#939393; text-transform:uppercase; letter-spacing:1px; } /*** Post image ***/ .post-image { margin-bottom:5px; } .post-image img { max-width:100%; height:auto; } .post-image.audio iframe { height:166px; } .container.sp_sidebar .post-image.audio iframe { width:650px; height:auto; } /*** Post Entry ***/ .post-entry { text-align: justify; } .post-entry img { max-width:100%; height:auto; } .post-entry p { margin-bottom:20px; } .post-entry a.more-link { font-weight: 700; border-width: 0px; border-style: solid solid solid solid; color: #FD1C71; font-size: 13px; font-weight: 700; font-family: Montserrat; padding-top: 11px; padding-bottom: 11px; padding-left: 17px; padding-right: 17px; text-align: center; border: 4px double #EFEFEF; text-transform: uppercase; position: relative; } .post-entry a:hover { } .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom:20px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; font-weight:700; } .post-entry h1 { font-size:30px; } .post-entry h2 { font-size:27px; } .post-entry h3 { font-size:24px; } .post-entry h4 { font-size:20px; } .post-entry h5 { font-size:18px; } .post-entry h6 { font-size:16px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .post-entry blockquote p { border-left:3px solid #FD1C71; color:#999; padding:0 18px; font-family:"Georgia"; font-size:18px; line-height:28px; font-style:italic; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; } .post-entry ul li { margin-bottom:12px; list-style:square; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .sticky.post .post-header { border:1px dashed #ddd; padding:20px 0; } .bypostauthor {} .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; } .post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } /*** Post Share ***/ .post-share { text-align:center; margin-top:50px; margin-bottom:40px; background:url(//1.bp.blogspot.com/-RaxSFprHuWw/U-eh4Hd6OgI/AAAAAAAAAP0/sijBcrNVTjo/line.gif) repeat-x center center; } .post-share a { display:inline-block; } .share-box { width: 50px; height: 50px; background: #fff; border: 1px solid #e5e5e5; display: inline-block; line-height: 50px; margin: 0 10px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border-radius: 50%; } .share-box i { font-size:14px; } .share-box:hover { background:#171717; border:1px solid #171717; color:#fff; } /*** Post author ***/ .post-author { margin-bottom:80px; margin-top:70px; overflow:hidden; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content h5 a { font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; color:#000; display:block; } .author-content p { margin-bottom:8px; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /*** Post related ***/ .post-related { overflow:hidden; margin-bottom:80px; margin-top:70px; } .post-box { text-align:center; } .post-box-title { font-size: 18px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 42px; font-weight: 500; padding-bottom: 3px; display: inline-block; } .item-related { width:292px; float:left; margin-right:32px; } .item-related:last-child { margin-right:0; } .container.sp_sidebar .item-related{ width:204px; margin-right:19px; } .container.sp_sidebar .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 a { font-size:14px; text-transform:uppercase; letter-spacing:2px; color:#000; } .item-related h3 a:hover { } .item-related span.date { font-size:10px; font-family:"Open Sans", sans-serif; text-transform:uppercase; font-style:italic; color:#999; } /** Post tags ***/ .post-tags { margin-top:30px; margin-bottom:50px; } .post-tags a { font-family:"Open Sans", sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:7px 10px 8px; margin-right:6px; border-radius:2px; margin-bottom:5px; display:inline-block; } .post-tags a:hover { background:#333; color:#fff; text-decoration:none; } /*** Post Pagination ***/ .post-pagination { overflow:hidden; } .post-pagination .prev-post { float:left; width:470px; } .post-pagination .next-post { float:right; text-align:right; width:470px; } .container.sp_sidebar .post-pagination .prev-post, .container.sp_sidebar .post-pagination .next-post { width:325px; } .post-pagination span { color:#999; font-size:16px; font-style:italic; letter-spacing:1px; } .post-pagination .arrow { font-size:64px; color:#ddd; line-height:64px; } .post-pagination .prev-post .arrow { float:left; margin-right:18px; } .post-pagination .next-post .arrow { float:right; margin-left:18px; } .pagi-text { margin-top:11px; } .post-pagination h5 { text-transform:uppercase; letter-spacing:2px; font-size:14px; } .post-pagination a { color:#999; } .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover { color:#000; } /********************************/ /*** Pagination ***/ /********************************/ .pagination { margin-bottom:100px; overflow:hidden; } .pagination a { color:#999; font-family:"Open Sans", sans-serif; letter-spacing:3px; text-transform:uppercase; font-size:12px; } .pagination a:hover { text-decoration:none; color:#000; } .pagination .newer { float:left; } .pagination .older { float:right; } /********************************/ /*** Footer Social ***/ /********************************/ #footer-social { background:#f9f9f9; padding:40px 0; text-align:center; } #footer-social a { margin:0 15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; } #footer-social a:first-child { margin-left:0; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#FD1C71; color:#fff; border-radius:50%; margin-right:5px; font-size:14px; } #footer-social a:hover { text-decoration:none; color:#000; } #footer-social a:hover > i { background:#000; } /********************************/ /*** Footer logo ***/ /********************************/ #footer-logo { b
ackground:#111; padding:60px 0; text-align:center; } #footer-logo img { margin-bottom:15px; } #footer-logo p { color:#777; font-size:15px; margin-bottom:0; font-style:italic; } #footer-logo p i { color:#FD1C71; font-size:14px; margin:0 5px 0 7px; } /********************************/ /*** Footer Copyright ***/ /********************************/ #footer-copyright { padding:18px 0; background:#f2f2f2; overflow:hidden; font-family:"Open Sans", sans-serif; } #footer-copyright p { font-size:11px; color:#888; float:left; } #footer-copyright .to-top { float:right; margin-top:6px; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; color:#333; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } /********************************/ /*** Widget Area ***/ /********************************/ #widget-area { overflow:hidden; margin-bottom:60px; border-top:1px solid #f0f0f0; padding-top:70px; } #widget-area .footerwidget { float:left; } #widget-area .widget, #sidebar .widget { float: left; margin-right: 32px; width: 292px; } #widget-area .widget { width: 450px; } #widget-area #container2 { margin-right:0px; } #sidebar .widget { width: 250px; margin-right: 0; float: none; margin-bottom: 45px; left: 18px; top: 25px; bottom: 18px; padding: 25px; border: 4px double #EFEFEF; } div#sidebar h2 span { display: inline-block; padding-left: 30px; padding-right: 30px; background-color: #fff; } #sidebar img { max-width:250px; } #sidebar iframe { max-width:260px; } .widget:last-child { margin-right:0; } .widget-title, #sidebar .widget h2, #widget-area .widget h2 { font-size:11px; text-transform:uppercase; letter-spacing:2px; padding:12px 14px; color:#666; margin-bottom:30px; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { margin-bottom:20px; } .widget a:hover { } .widget ul li { margin-bottom:7px; padding-bottom:7px; } .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:11px; color:#999; letter-spacing:1px; } #searchform #s:focus { outline:none; } /** searchbar for widget ***/ .widget #searchform input#s { width:260px; } #sidebar .widget #searchform input#s { width:230px; } /*** About Widget ***/ .about-widget img { max-width:292px; height:auto; } /** Instagram widget support **/ .instag ul.thumbnails > li { width:32% !important; } .instag ul.thumbnails > li img:hover { opacity:.8; } .instag ul li { margin:0; padding-bottom:0; border-bottom:none; } .pllexislider ul li { margin:0; padding-bottom:0; border-bottom:none; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-family:"Open Sans", sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:6px 8px 7px; margin-right:5px; margin-bottom:8px; display:inline-block; border-radius:2px; } .widget .tagcloud a:hover { background:#333; color:#fff; } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 12px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td a { font-weight:700; color:#222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** WIDGET ITEMS **/ .widget ul.side-newsfeed li { list-style-type:none; margin-bottom:10px; padding-bottom:5px; margin-left:0; } .widget ul.side-newsfeed li:last-child { margin-bottom:0; padding-bottom:0; } .widget ul.side-newsfeed li .side-item { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-image { float:left; margin-right:14px; } .widget ul.side-newsfeed li .side-item .side-image img { width:86px; height:auto; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom:1px; color:#333; display:block; font-size:14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size:10px; letter-spacing:1px; color:#999; font-style:italic; font-family:"Open Sans"; } /** Social Widget **/ .widget-social { text-align:center; } .widget-social a:first-child { margin-left:0; } .widget-social a:last-child { margin-right:0; } .widget-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#FD1C71; color:#fff; border-radius:50%; margin:0 2px; font-size:14px; } .widget-social a:hover { text-decoration:none; color:#000; } .widget-social a:hover > i { background:#000; } .Label a { text-transform: capitalize; } .Label li { text-transform: capitalize; border-bottom: 1px dotted #ECECEC; } /******************************* *** COMMENTS *******************************/ .post-comments { margin-bottom:70px; margin-top:70px; } .comments { margin-bottom:40px; } .comment { border-bottom:1px dotted #eee; margin-top:20px; margin-bottom:34px; padding-bottom:40px; } .comment .avatar-image-container { float:left; } .comment .avatar-image-container img { border-radius:50%; width:50px; height:50px; max-width:50px; max-height:50px; } .comments .comment-block { margin-left: 80px; position: relative; } .comment-replies { margin-left: 40px; margin-top: 20px; } .comments .avatar-image-container { float: left; max-height: 50px; overflow: hidden; width: 50px; } .comment-replies .comment { border:none; margin-bottom:0px; padding-bottom:0px; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text span.author, cite.user > a { display:block; font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:6px; color:#333; font-family:"Open Sans"; } .thecomment .comment-text span.author a:hover { } span.datetime { font-size:14px; color:#999; font-style:italic; display:block; margin-bottom:10px; } .thecomment .comment-text em { font-size:13px; margin-bottom:-14px; display:block; color:orange; letter-spacing:1px; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .comment-actions a { float:right; font-size:11px; background-color:#FD1C71; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .continue a { float:left; margin-bottom:20px; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .loadmore a { font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 55px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:14px; color:#999; font-weight:400; margin-bottom:30px; font-family:"Lato"; letter-spacing:2px; text-transform:uppercase; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#333; color:#FFF; padding:4px 6px 5px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond label { color:#888; width:80px; font-size:14px; display:inline-block; font-weight:300; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; color:#999; margin-bottom:15px; font-size:11px; width:250px; font-family:"Georgia"; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; border:1px solid #DDD; border-radius: 3px; width:95%; height:120px; font-size:13px; color:#777; margin-bottom:14px; line-height:20px; font-family:"Georgia"; } #respond textarea:focus {outline:none;} #respond #submit { font-family:"Lato"; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#666; padding:12px 19px 14px; margin-top:6px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } #respond #submit:hover { background:#333; color:#FFF; } .PageList h2 { display: none; } /********************************/ /*** Archive ***/ /********************************/ .archive-box { background:#f4f4f4; padding:22px 0 24px; text-align:center; margin-bottom:70px; margin-top:-70px; border-bottom:1px solid #eee; } .archive-box span { font-size:14px; font-style:italic; letter-spacing:1px; color:#999; } .archive-box h1 { font-size:26px; letter-spacing:4px; text-transform:uppercase; } .nothing { margin-bottom:90px; text-align:center; } #instafeed{max-width:100%;margin:0 auto;list-style:none;text-align:center;font-family:sans-serif; line-height: 0px; border-top: 1px solid rgba(34,34,34,0.1); border-bottom: 1px solid rgba(34,34,34,0.1);} #instafeed li{display:inline-block;width: 12.5%;margin:0;padding:0;text-align:left;position:relative} #instafeed div{margin:0;position:relative} #instafeed img{max-width:100%;display:block;position:relative;z-index:10;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s} /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; font-family:"Open Sans"; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; font-family:"Open Sans"; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:40px; } .wpcf7 p.sp_input { float:left; margin-right:19px; } .wpcf7 p.sp_message { clear:both; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { background:#171717; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; padding:12px 24px; color:#FFF; letter-spacing:3px; font-size:11px; text-transform:uppercase; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:block; border:none; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#777; } /*** 404 ***/ .error-404 { margin-bottom:105px; text-align:center; } .error-404 h1 { font-size:190px; font-weight:700; margin-bottom:-25px; } .error-404 p { color:#999; font-size:18px; font-style:italic; } .author-content { margin-left: 140px; } #logo { padding:40px 0; } #navigation { background:#fff; } .menu li a { color:#000; } .menu li a:hover { color:#999999; } .menu .sub-menu, .menu .children { background: #171717; } ul.menu ul a, .menu ul ul a { border-top: 1px solid #333333; color:#999999; } ul.menu ul a:hover, .menu ul ul a:hover { color: #ffffff; background:#333333; } #top-social a i { color:#FD1C71; } #top-social a:hover i { color:#FF6E79} #top-search a { background:#FD1C71 } #top-search a { color:#fff } #top-search a:hover { background:#474747; } #top-search a:hover { color:#cccccc; } .widget-title , #sidebar .widget h2, #widget-area .widget h2 { color:#666666; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { background:; color:; } .widget-title, #sidebar .widget h2 { } .footerwidget h2{ margin-top: -45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; line-height: 1; margin-bottom: 20px; text-align: center; clear: both; } .footerwidget h2 span { display: inline-block; padding-left: 30px; padding-right: 30px; background-color: #fff; } .footerwidget .widget { bottom: 18px; padding: 25px; border: 4px double #EFEFEF; } #footer-social { background:#f9f9f9; } #footer-logo { background:#171717; } #footer-logo p { color:#777777; } #footer-copyright { background:#f2f2f2; } #footer-copyright p { color:#888888; } a, #footer-logo p i { color:#FD1C71; } .post-entry blockquote p { border-left:3px solid #FD1C71 ; } #main .widget { width: 100%; } #navigation .widget ul li { border:none; margin-bottom:0px; padding-bottom:0px; } #navigation .widget a:hover { text-decoration: none; } #widget-area #container3 .widget { margin-right: 0; } #header-inner img { margin-left: auto; margin-right: auto; } -->