/*--------------------------------------------------------------------------------- Theme Name: DDS dostup Version: 1.17 Description: DDS dostup, responsive and retina-ready masonry theme for hoarders. It's the perfect way to showcase your posts, videos, images and galleries, and share your favorite quotes and links. Features responsive design, retina-ready assets, full-width header image, support for all post formats, custom logo upload, custom widgets (video, Flickr and Dribbble), four page templates (including a contributors template), editor styling, like functionality via the ZillaLikes plugin and translation-ready code. Included translations: Swedish/svenska. Tags: black, dark, white, green, two-columns, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, editor-style Author: Anders Norén Author URI: http://www.andersnoren.se Theme URI: http://www.andersnoren.se/teman/baskerville-wordpress-theme/ License: GNU General Public License version 2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) ----------------------------------------------------------------------------------- 0. CSS Reset & Clearfix 1. Document Setup 2. Structure 3. Header 4. Navigation 5. Main Content 6. Single post 7. Post Content 8. Comments 9. Pagination 10. Page & Page Templates 11. Sidebar 12. Footer 13. Credits 14. Responsive ----------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------------- */ html, body { margin:0; padding:0;} h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; line-height:1; font-family:inherit; text-align:left; } table { border-collapse:collapse; border-spacing:0; } ol, ul { list-style:none; } blockquote:before, blockquote:after { content:""; } a { outline:none; } input[type=search], input[type=text], input[type=email], input[type=url], input[type=button], input[type=tel], input[type=submit], textarea { -moz-appearance: none; -webkit-appearance: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* -------------------------------------------------------------------------------- */ /* 1. Document setup /* -------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; border: none; background: #f1f1f1; color: #444; font-family: 'Roboto', sans-serif; font-size: 18px; -webkit-font-smoothing: antialiased; } body a { color: #13C4A5; text-decoration: none; } body a:hover { color: #13C4A5; text-decoration: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; height: auto; } .hidden { display: none; } .clear { clear: both; } .fleft { float: left; } .fright { float: right; } ::selection { background: #444; color: #FFF; } ::-webkit-input-placeholder { color: #999; } :-ms-input-placeholder { color: #999; } /* Transitions --------------------------------------- */ body a { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .blog-title a, .post-title a, .post-overlay, .post-likes, .post-meta a, .pagination, .main-menu a, .main-menu > .has-children > a::after, .main-menu > .page_item_has_children > a::after, .searchbutton, .search-toggle, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea, .form-submit #submit, .widget_search .searchsubmit, .widget_search .s, .format-gallery .flex-direction-nav a, .nav-toggle .bar, .dribbble-shot, .flickr_badge_image a, .post-content input[type="submit"], .post-content input[type="reset"], .post-content input[type="button"] { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tothetop, .header, .portfolio-item a .portfolio-header-container, .featured-media a img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Screen Reader Text --------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* -------------------------------------------------------------------------------- */ /* 2. Structure /* -------------------------------------------------------------------------------- */ .section { position: relative; padding: 80px 0; } .no-padding { padding: 0; } .small-padding { padding: 40px 0; } .medium-padding { padding: 60px 0; } .big-padding { padding: 100px 0; } .section-inner { max-width: 90%; width: 1400px; margin: 0 auto; } .section-inner.content { width: 1440px; max-width: 92.6%; } .section-inner.wide { width: 1240px; } .section-inner.thin { width: 700px; } .bg-dark { background-color: #1d1d1d; } .bg-graphite { background-color: #262626; } .bg-grey { background-color: #f1f1f1; } .bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; } .cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cover.shade-light { background: rgba(0,0,0,0.25); } .cover.shade-medium { background: rgba(0,0,0,0.5); } .cover.shade-dark { background: rgba(0,0,0,0.75); } /* columns */ .row .one-fourth { width: 21.5%; margin-left: 5%; float: left; } .row .one-third { width: 30%; margin-left: 5%; float: left; } .row .one-half { width: 47.5%; margin-left: 5%; float: left; } .row .two-thirds { width: 65%; margin-left: 5%; float: left; } .row .one-fourth:first-child, .row .one-third:first-child, .row .one-half:first-child, .row .two-thirds:first-child { margin-left: 0; } /* -------------------------------------------------------------------------------- */ /* 3. Header /* -------------------------------------------------------------------------------- */ .header { padding: 70px 0; } .header .cover { background: rgba(29,29,29,0.25); } .header-inner { position: relative; } .header .blog-logo { text-align: center; } .header .logo { display: inline-block; } .header .logo img { max-height: 80px; width: auto; } .blog-title { font-family: 'Pacifico', sans-serif; font-size: 2.25em; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.25); } .blog-title a { color: #fff; } .blog-title a:hover { color: #13C4A5; } .blog-description { font-size: 1.1em; line-height: 110%; font-weight: 400; color: #999; margin: 20px 0 0 0; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); } /* search-toggle */ .search-toggle { display: block; width: 68px; height: 68px; background: url(images/icons/1x/spyglass-w.png) no-repeat center; background-size: 24px auto; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .search-toggle.active { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } /* header search block */ .header-search-block { position: absolute; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; } .header-search-block .section-inner { position: relative; } .header-search-block .s { background: none; border: none; margin: 0; width: 90%; position: absolute; top: 50%; right: 5%; left: 5%; margin-top: -30px; font-family: 'Roboto', sans-serif; font-size: 2.5em; font-weight: 300; color: #fff; -webkit-font-smoothing: antialiased; } .header-search-block .s:focus { outline: none; } .header-search-block .searchsubmit { display: none; } /* -------------------------------------------------------------------------------- */ /* 4. Navigation /* -------------------------------------------------------------------------------- */ .main-menu { font-family: 'Roboto Slab', sans-serif; font-size: 0.9em; text-align: center; } .main-menu li { position: relative; } .main-menu > li { float: left; } .main-menu > li:before { content: "/"; display: block; position: absolute; right: 0; top: 50%; margin-top: -9px; margin-right: -3px; font-size: 16px; color: #444; font-weight: 300; z-index: 1000; } .main-menu > li:last-child:before { content: none; } .main-menu > li > a { display: block; padding: 27px; font-size: 0.85em; color: #999; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; } .main-menu > li:first-child > a { margin-left: 0; } .main-menu > .has-children > a, .main-menu > .page_item_has_children > a { padding-right: 47px; position: relative; } .main-menu > .has-children > a::after, .main-menu > .page_item_has_children > a::after { content: ""; display: block; border: 5px solid transparent; border-top-color: #999; position: absolute; z-index: 1001; right: 29px; top: 50%; margin-top: -2px; } .main-menu li:hover > a { cursor: pointer; color: #fff; } .main-menu > .has-children:hover > a::after, .main-menu > .page_item_has_children:hover > a::after { border-top-color: #fff; } /* Sub menus --------------------------------------- */ .main-menu li ul { position: absolute; z-index: 10000; display: block; left: -9999px; top: 38px; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; z-index: 999; -webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out; } .is_mobile .main-menu li ul { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; display: none; } .main-menu > li > ul { padding-top: 20px; } .main-menu > li > ul:before { content: ""; display: block; position: absolute; z-index: 1000; top: 0px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom-color: #2d2d2d; } .main-menu ul li { float: none; display: block; border-top: 1px solid rgba(255,255,255,0.075); } .main-menu ul li:first-child { border-top: none; } .main-menu ul > .has-children::after, .main-menu ul > .page_item_has_children::after { content: ""; display: block; border: 6px solid transparent; border-left-color: rgba(255,255,255,0.4); position: absolute; z-index: 1001; right: 10px; top: 50%; margin-top: -5px; } .main-menu ul > .has-children:hover::after, .main-menu ul > .page_item_has_children:hover::after { border-left-color: #FFF; } .main-menu ul li { display: block; width: 240px; background: #2d2d2d; } .main-menu ul a { display: block; text-align: center; padding: 20px; margin: 0; line-height: 130%; color: #999; } .main-menu ul a:hover { color: #fff; } .main-menu li:hover > ul { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; left: 50%; margin-left: -120px; top: 48px; } .is_mobile .main-menu li:hover ul { display: block; } /* Deep down --------------------------------------- */ .main-menu ul li ul { top: 5px; } .main-menu ul li:hover > ul { top: 0; left: 240px; margin-left: 0; } .main-menu ul ul li { background: #3d3d3d; } .main-menu ul ul ul li { background: #4d4d4d; } .main-menu ul ul ul ul li { background: #4d4d4d; } /* -------------------------------------------------------------------------------- */ /* 5. Content /* -------------------------------------------------------------------------------- */ .posts { overflow: visible !important; } .post-container { width: 33.3%; padding: 0 1.5% 4.5% 1.5%; } .hentry, .post { width: 100%; position: relative; background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1); box-shadow: 0 1px 4px rgba(0,0,0,0.1); overflow: hidden; } .post.sticky .post-header { padding-right: 17.5%; } .post .sticky-post { display: block; position: absolute; z-index: 100; right: 5%; height: 38px; width: 26px; background: #2B3542 url(images/icons/1x/tack-w.png) no-repeat center; background-size: 12px auto; top: 0; text-indent: -9999px; } .post .sticky-post:after { content: ""; display: block; border: 13px solid transparent; border-left-color: #2B3542; border-right-color: #2B3542; position: absolute; right: 0; margin-top: -13px; top: 38px; } /* Featured media ----------------------------------------- */ .featured-media a, .featured-media img, .featured-media iframe { display: block; } .featured-media iframe, .featured-media object { border: none; margin: 0; } .featured-media a { overflow: hidden; } .featured-media a img { margin: 0 auto; } .featured-media a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; } .media-caption { font-size: 0.8em; line-height: 110%; font-weight: 700; color: #999; padding: 20px 0; margin: 0 10%; border-bottom: 1px solid #eee; } /* Post inner ----------------------------------------- */ .post-header { position: relative; padding: 8% 10%; border-bottom: 1px solid #eee; } .post-header .post-title { font-family: 'Roboto Slab', sans-serif; font-size: 1.25em; line-height: 120%; font-weight: 700; color: #2B3542; word-break: break-word; -ms-word-break: break-word; } .post-header .post-title a { color: #2B3542; } .post-header .post-title a:hover { color: #13C4A5; } .post-excerpt { padding: 10%; } .post-excerpt p { font-size: 0.95em; line-height: 150%; color: #666; } .post-excerpt p + p { margin-top: 1em; } .post-excerpt .more-link { display: block; margin-top: 1.1em; } .post-excerpt .more-link:hover { text-decoration: underline; } .posts .post-meta { background: #F9F9F9; padding: 0 10%; } .posts .post-meta a { display: block; color: #999; font-size: 0.8em; font-weight: 700; float: left; padding: 20px 0px 20px 24px; background: no-repeat left center; background-size: 18px auto; margin-left: 20px; } .posts .post-meta a:first-child { margin-left: 0; } .posts .post-meta a:hover { color: #13C4A5; } .posts .post-meta a.post-date { background-image: url(images/icons/1x/clock-g.png); } .posts .post-meta a.post-date:hover { background-image: url(images/icons/1x/clock-c.png); } .posts .post-meta a.zilla-likes { background-image: url(images/icons/1x/heart-g.png); } .posts .post-meta a.zilla-likes:hover, .posts .post-meta a.zilla-likes.active { background-image: url(images/icons/1x/heart-c.png); color: #13C4A5; } .posts .post-meta a.post-comments { background-image: url(images/icons/1x/comment-g.png); } .posts .post-meta a.post-comments:hover { background-image: url(images/icons/1x/comment-c.png); } .posts .post-meta a.post-edit-link { height: 59px; width: 20px; text-indent: -9999px; background-image: url(images/icons/1x/edit-g.png); background-size: 20px auto; background-position: center; } .posts .post-meta a.post-edit-link:hover { background-image: url(images/icons/1x/edit-c.png); } /* Post formats ----------------------------------------- */ /* format standard, format quote, format link */ .post .post-header:before, .page .post-header:before { content: ""; display: block; border: 12px solid transparent; border-top-color: #eee; position: absolute; z-index: 10; bottom: 0; left: 10%; margin-bottom: -24px; } .post .post-header:after, .page .post-header:after { content: ""; display: block; border: 11px solid transparent; border-top-color: #fff; position: absolute; z-index: 11; bottom: 0; left: 10%; margin-left: 1px; margin-bottom: -21px; } /* format video, format image */ .posts .format-video .post-header:before, .posts .format-video .post-header:after, .posts .format-image .post-header:before, .posts .format-image .post-header:after { content: none; } /* format image */ .format-image .post-excerpt { padding-top: 7.5%; font-size: 0.9em; } .format-image .post-excerpt .image-caption { font-weight: 600; } /* format quote, format link */ .post-quote { padding: 10%; background: #2B3542; color: #fff; } .post-quote blockquote, .post-link p { display: block; font-family: 'Roboto', sans-serif; font-size: 1.2em; font-weight: 400; line-height: 140%; } .post-quote blockquote { font-size: 1.1em; } .post-quote cite, .post-link a { display: block; margin-top: 20px; text-transform: uppercase; letter-spacing: 1px; font-size: 0.8em; font-weight: 700; } .post-quote cite { font-family: 'Roboto Slab', sans-serif; font-size: 14px; } .post-quote cite:before { content: "— " } /* format link */ .post-link { padding: 10%; background: #2B3542; color: #fff; } .post-link a { color: #13C4A5; padding-left: 23px; background: url(images/icons/1x/link-c.png) no-repeat left center; background-size: 16px auto; } .post-link a:hover { color: #13C4A5; text-decoration: underline; } .single .post-link p, .single .post-quote blockquote { font-size: 1.75em; } /* format gallery */ .format-gallery .flexslider { position: relative; } .format-gallery .flex-direction-nav a { display: block; height: 32px; width: 20px; background-size: auto 32px; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } .format-gallery .flex-direction-nav .flex-prev { left: 16px; background-image: url(images/icons/1x/chevron-left-w-shade.png); } .format-gallery .flex-direction-nav .flex-next { right: 16px; background-image: url(images/icons/1x/chevron-right-w-shade.png); } .format-gallery .flex-direction-nav a:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .format-gallery .flex-direction-nav .flex-prev:hover { left: 12px; } .format-gallery .flex-direction-nav .flex-next:hover { right: 12px; } .format-gallery .slides li { position: relative; } /* format status */ .posts .format-status .post-excerpt { background: #2B3542; } .posts .format-status .post-excerpt p, .format-status .post-content { font-family: 'Pacifico', sans-serif; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); font-size: 1.2em; } .format-status .post-content { color: #333; text-shadow: none; } /* format chat */ .format-chat .post-content p { margin-bottom: 0.25em; padding: 8px 16px; border-radius: 3px; } .format-chat .post-content p:nth-child(odd) { background: #f5f5f5; } .format-chat .more-link { margin-top: 1em; } /* -------------------------------------------------------------------------------- */ /* 6. Single post /* -------------------------------------------------------------------------------- */ body.single .content { width: 67.5%; } body.single .content.full-width { width: 100%; } body.single .content.center { margin: 0 auto; width: 944px; max-width: 100%; } .single { border-radius: 6px; } /* post header */ .single .post-title { font-size: 2.25em; } .single .post-content { padding: 10%; } /* format gallery */ .single .format-gallery .flex-direction-nav a { height: 42px; width: 30px; background-size: auto 42px; margin-top: -21px; } .single .format-gallery .flex-direction-nav .flex-prev { background-image: url(images/icons/1x/chevron-left-w-shade-big.png); } .single .format-gallery .flex-direction-nav .flex-next { background-image: url(images/icons/1x/chevron-right-w-shade-big.png); } /* format quote */ .single .post-quote cite { font-size: 1em; margin-top: 30px; } /* single post meta */ .single .post-meta-container { position: relative; background: #2B3542; } .single .post-meta-container:after { content: ""; display: block; background: #3F4854; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 60%; } .single .post-meta { float: right; width: 40%; padding: 30px; position: relative; z-index: 10; } .single .post-meta p, .single .post-meta > a, .post-nav a { display: block; margin-top: 12px; font-size: 0.85em; line-height: 120%; font-weight: 700; min-height: 20px; padding: 1px 0 1px 23px; background: no-repeat left center; background-size: 16px auto; color: #9499A0; } .single .post-meta p:first-child { margin-top: 0; } .single .post-meta p.post-date { background-image: url(images/icons/1x/clock-g.png); } .single .post-meta a.zilla-likes { background-image: url(images/icons/1x/heart-g.png); } .single .post-meta a.zilla-likes:hover { background-image: url(images/icons/1x/heart-c.png); } .single .post-meta p.post-categories { background-image: url(images/icons/1x/folder-g.png); } .single .post-meta p.post-tags { background-image: url(images/icons/1x/tag-g.png); } .single .post-meta a { color: #9499A0; } .single .post-meta a:hover { color: #13C4A5; } /* post navigation */ .post-nav { padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 20px; } .post-nav a { background-position: left 3px; } .post-nav a:first-child { margin-top: 0; } a.post-nav-prev { background-image: url(images/icons/1x/prev-g.png); } a.post-nav-prev:hover { background-image: url(images/icons/1x/prev-c.png); } a.post-nav-next { background-image: url(images/icons/1x/next-g.png); } a.post-nav-next:hover { background-image: url(images/icons/1x/next-c.png); } .single a.post-edit-link { background-image: url(images/icons/1x/edit-g.png); background-position: left 5px; } .single a.post-edit-link:hover { background-image: url(images/icons/1x/edit-c.png); } /* post-author */ .post-author { width: 60%; padding: 30px; float: left; position: relative; overflow: hidden; } .post-author:before, .post-author:after { content: ""; display: block; position: absolute; left: 30px; } .post-author:before { z-index: 100; top: 0; width: 40px; height: 70px; background: #13C4A5 url(images/icons/1x/author-w.png) no-repeat center 29px; background-size: 22px auto; } .post-author:after { top: 50px; border: 20px solid transparent; border-left-color: #13C4A5; border-right-color: #13C4A5; } .post-author-content { margin-left: 70px; } .post-author h4 { font-family: 'Roboto Slab', sans-serif; font-size: 1.1em; font-weight: 700; color: #fff; margin-bottom: 15px; } .post-author p { font-size: 0.875em; line-height: 150%; color: #9499A0; } .author-links { margin-top: 18px; } .author-links a { display: inline-block; width: 36px; height: 36px; background-color: rgba(255,255,255,0.1); background-repeat: no-repeat; background-position: center; background-size: 16px auto; margin-left: 5px; border-radius: 999px; text-indent: -9999px; } .author-links a:first-child { margin-left: 0; } .author-links a.author-link-posts { background-image: url(images/icons/1x/archive-w.png); } .author-links a.author-link-website { background-image: url(images/icons/1x/home-w.png); } .author-links a.author-link-mail { background-image: url(images/icons/1x/social/mail-w.png); } .author-links a.author-link-twitter { background-image: url(images/icons/1x/social/twitter-w.png); } .author-links a:hover { background-color: #13C4A5; } /* -------------------------------------------------------------------------------- */ /* 7. Post content /* -------------------------------------------------------------------------------- */ .post-content a:hover { text-decoration: underline; } .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre { line-height: 180%; margin-bottom: 1.1em; -ms-word-wrap: break-word; word-wrap: break-word; } .post-content > *:first-child { margin-top: 0; } .post-content *:last-child { margin-bottom: 0; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin: 50px 0 30px; font-family: 'Roboto Slab', sans-serif; font-weight: 700; color: #333; } .post-content h1 { font-size: 2em; } .post-content h2 { font-size: 1.75em; } .post-content h3 { font-size: 1.5em; } .post-content h4 { font-size: 1.25em; font-weight: 400; } .post-content h5 { font-size: 1em; font-weight: 400; } .post-content h6 { font-size: 0.9em; font-weight: 700; text-transform: uppercase; } .post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6, .post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6, .post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6, .post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6, .post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6, .post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 { margin-top: 30px; } .post-content blockquote { position: relative; font-size: 1em; font-weight: 300; font-weight: normal; margin: 40px 0; } .post-content blockquote:before, .post-content blockquote:after { content: ""; display: block; width: 128px; height: 3px; background: #eee; margin: 40px auto; } .post-content blockquote p { font-size: 1.2em; line-height: 160%; font-weight: 300; text-align: center; } .post-content cite { font-family: 'Roboto Slab', sans-serif; font-size: 0.9rem; font-weight: bold; text-transform: uppercase; line-height: 140%; text-align: center; } .post-content cite:before { content: "— "; } .post-content blockquote cite { display: block; margin-top: 1em; } .post-content blockquote cite em { font-style: italic; font-weight: bold; } em, q { font-style: italic; } .post-content strong em, .post-content em strong { font-weight: bold; font-style: italic; } .post-content big { font-size: 1.25em; } abbr, acronym { cursor: help; } code, kbd, pre { font-size: 0.85em; background: #EEE; font-family: Menlo, Monaco, monospace; } .post-content .highlight { background: #fcf8a5; width: auto; display: inline; padding: 2px 3px; } .post-content kbd, .post-content code { padding: 5px; border-radius: 3px; } .post-content dl { line-height: 160%; } .post-content dl dt { font-weight: bold; } .post-content hr { width: 50%; height: 5px; background: #EEE; margin: 2em auto; border: 0; } .post-content ul { list-style: disc; margin-left: 1.5em; } .post-content ul ul { list-style: circle; } .post-content ul ul ul { list-style: square; } .post-content ol { list-style: decimal; margin-left: 1.5em; } .post-content ol ol { list-style: lower-alpha; } .post-content ol ol ol { list-style: lower-roman; } .post-content ul ul, .post-content ul ol, .post-content ol ul, .post-content ol ol { margin-bottom: 0; } .post-content li { margin-top: 0.5em; line-height: 170%; } .post-content ol > li:last-child, .post-content ul > li:last-child { margin-bottom: 0; } .post-content address { padding: 3% 3.5%; background: #f1f1f1; } .post-content pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ line-height: 140%; padding: 2% 2.5%; background: #363F48; font-size: 0.8em; color: #FFF; border-radius: 6px; } /* Post media --------------------------------------- */ .wp-caption, .post-content img { max-width: 100%; } img.alignleft, .alignleft img, img.aligncenter, .aligncenter img, img.alignright, .alignright img { box-sizing: border-box; padding: 5px; border: 1px solid #EEE; } .post-content .alignleft, .post-content .alignright { margin-bottom: 1.2em; max-width: 300px; } .post-content .wp-caption a, .post-content .wp-caption img { display: block; } .post-content .wp-caption .alignleft, .post-content .wp-caption .alignright { margin-bottom: 0; } .post-content .alignleft { float: left; margin-right: 1em; } .post-content .alignright { float: right; margin-left: 1em; } .post-content .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-content .aligncenter a, .post-content .aligncenter img { margin: 0 auto; } .post-content .wp-caption-text, .post-content .gallery-caption { font-size: 0.8em; font-weight: 700; color: #999; text-align: center; padding-top: 0.5em; } .post-content .gallery-caption { font-size: 16px; line-height: 24px; } /* Tables --------------------------------------- */ .post-content table { border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 0.9em; width: 100%; } .post-content th, .post-content td { padding: 2%; margin: 0; overflow: visible; line-height: 120%; border-bottom: 1px solid #DDD; } .post-content caption { text-align: center; padding: 2%; } .post-content thead { vertical-align: bottom; white-space: nowrap; } .post-content th { font-weight: bold; } .post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; } /* Forms --------------------------------------- */ .post-content fieldset { padding: 25px; border: 2px solid #eee; margin-bottom: 1em; } .post-content fieldset legend { font-family: 'Roboto Slab', sans-serif; font-size: 0.9rem; line-height: 1; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 10px 12px; background: #13C4A5; color: #fff; } .post-content label { font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 700; } .post-content input, .post-content textarea { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; } .post-content input[type="text"], .post-content input[type="email"], .post-content input[type="tel"], .post-content input[type="url"], .post-content input[type="password"], .post-content textarea { width: 100%; padding: 14px 16px; font-size: 0.85em; border: none; color: #333; border: 2px solid #eee; background: #fdfdfd; border-radius: 3px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; -webkit-appearance: none; } .post-content textarea { height: 180px; line-height: 140%; } .post-content input[type="text"]:focus, .post-content input[type="email"]:focus, .post-content input[type="tel"]:focus, .post-content input[type="url"]:focus, .post-content input[type="password"]:focus, .post-content textarea:focus { background: #fdfdfd; outline: none; } .post-content input[type="submit"], .post-content input[type="reset"], .post-content input[type="button"] { padding: 12px 16px; margin: 0; border: none; background: #333; color: #fff; font-size: 0.9rem; line-height: 1; -webkit-appearance: none; border-radius: 3px; } .post-content input[type="submit"]:hover, .post-content input[type="reset"]:hover, .post-content input[type="button"]:hover { cursor: pointer; background: #13C4A5; color: #fff; } .post-content input[type="submit"]:focus, .post-content input[type="submit"]:active { outline: none; } /* -------------------------------------------------------------------------------- */ /* 8. Comments /* -------------------------------------------------------------------------------- */ .content .comments, div#disqus_thread { padding: 10%; background: #fff; } .nocomments { padding: 10%; text-align: center; text-transform: uppercase; font-weight: 700; color: #999; } .comments + .nocomments { border-top: 1px solid #eee; } .comments-title-container { padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 40px; font-family: 'Roboto Slab', sans-serif; } .comments-title { font-size: 1.75em; font-weight: 700; color: #2B3542; } .add-comment-title { font-size: 1rem; text-transform: uppercase; font-weight: 700; margin-top: 14px; } .add-comment-title a:hover { text-decoration: underline; } /* comment */ .comments div.comment { margin-top: 40px; } .comments .commentlist > li.comment:first-child > div.comment:first-child { margin-top: 0; } .comments div.comment { position: relative; } .comments .children { margin-left: 5%; } .comment-inner { margin-left: 110px; padding: 20px; background: #eee; position: relative; border-radius: 3px; } .comment-inner:after { content: ""; display: block; border: 12px solid transparent; border-right-color: #eee; position: absolute; top: 28px; left: 0; margin-left: -24px; } .comment .avatar { float: left; width: 80px; border-radius: 3px; } .comment.bypostauthor { position: relative; } .comment.bypostauthor:after { content: ""; display: block; width: 32px; height: 32px; background: #13C4A5 url(images/icons/1x/author-w.png) no-repeat center 8px; background-size: 14px auto; border-radius: 999px; position: absolute; top: 0; left: 0; margin-top: -8px; margin-left: -8px; } .comment-header { margin-bottom: 25px; } .comment-header cite { display: block; font-family: 'Roboto Slab', sans-serif; font-size: 1em; font-weight: 700; margin-bottom: 8px; } .comment-header cite, .comment-header cite a { color: #2B3542; } .comment-header cite a:hover { color: #13C4A5; } .comment-header p { font-size: 0.85em; } .comment-header p, .comment-header p a { color: #999; } .comment-header p a:hover { color: #666; } /* comment-content */ .comment-content { font-size: 0.9em; } .comment-content a:hover { text-decoration: underline; } .comment-content p, .comment-content li, .comment-content blockquote { line-height: 150%; margin-top: 1em; -ms-word-wrap: break-word; word-wrap: break-word; } .comment-content *:first-child { margin-top: 0; } .comment-content *:last-child { margin-bottom: 0; } .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 { margin: 50px 0 20px; font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-size: 1.2em; } .comment-content blockquote { padding: 20px; background: #ddd; } .comment-content ul { list-style: disc; margin-left: 1.5em; } .comment-content ul ul { list-style: circle; } .comment-content ul ul ul { list-style: square; } .comment-content ol { list-style: decimal; margin-left: 1.5em; } .comment-content ol ol { list-style: lower-alpha; } .comment-content ol ol ol { list-style: lower-roman; } .comment-content ul ul, .comment-content ul ol, .comment-content ol ul, .comment-content ol ol { margin-bottom: 0; } .comment-content li { margin-top: 0.5em; line-height: 170%; } .comment-content ol > li:last-child, .comment-content ul > li:last-child { margin-bottom: 0; } .comment-content address { padding: 20px; background: #ddd; line-height: 140%; } .comment-content pre { padding: 20px; background: #ddd; line-height: 150%; overflow-x: scroll; } /* comment actions */ .comment-actions { position: absolute; top: 22px; right: 20px; } .comment-actions a { display: block; position: relative; float: left; width: 32px; height: 32px; background: #2B3542 no-repeat center; background-size: 16px auto; border-radius: 999px; text-indent: -9999px; } .comment-actions a + a { margin-left: -8px; } .comment-actions .comment-reply-link { background-image: url(images/icons/1x/reply-w.png) } .comment-actions .comment-edit-link { background-image: url(images/icons/1x/edit-w.png) } .comment-actions a:hover { background-color: #13C4A5; color: #fff; z-index: 10; } /* comment navigation */ .comment-nav-below { margin-top: 40px; border-top: 1px solid #eee; padding-top: 20px; font-size: 0.9em; font-weight: 700; } .comment-nav-below a { color: #666; } /* pingbacks */ .comments .pingbacks { padding-top: 40px; border-top: 1px solid #eee; margin-top: 40px; } .pingbacks-title { font-family: 'Roboto Slab', sans-serif; font-size: 1.25em; margin-bottom: 20px; color: #2B3542; } .pingbacklist .pingback { padding: 15px; line-height: 130%; } .pingbacklist .pingback a { color: #767676; } .pingbacklist .pingback a:hover { color: #13C4A5; } .pingbacklist .pingback:nth-child(2n) { background-color: #eee; } /* -------------------------------------------------------------------------------- */ /* 9. Respond /* -------------------------------------------------------------------------------- */ .comment-respond { padding: 10%; background: #fff; border-top: 1px solid #eee; } .comments .comment-respond { padding: 10% 0; border-top: none; } .comment-reply-title { font-family: 'Roboto Slab', sans-serif; font-size: 1.75em; font-weight: 700; color: #2B3542; } .comment-reply-title #cancel-comment-reply-link { font-size: 0.9rem; text-transform: uppercase; font-weight: 700; margin-left: 5px; } .comment-reply-title #cancel-comment-reply-link:hover { text-decoration: underline; } .comment-notes, .logged-in-as { color: #666; line-height: 130%; margin-bottom: 40px; margin-top: 25px; } .logged-in-as a:hover { text-decoration: underline; } .comment-form { margin-top: 10px; } .comment-form p { margin-top: 14px; position: relative; } .comment-form p:first-child { margin-top: 0; } .comment-form label, .comment-form .required { display: none; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea { display: block; width: 100%; padding: 16px 18px; border-radius: 3px; background: #f1f1f1; color: #333; border: 1px solid #eee; font-family: 'Roboto', sans-serif; font-size: 1em; -webkit-font-smoothing: antialiased; margin: 0; } .comment-form-author, .comment-form-email, .comment-form-url { width: 75%; } .comment-form input[type="text"], .comment-form input[type="email"] { position: relative; padding-right: 60px; background-repeat: no-repeat; background-position: 96% center; background-size: auto 24px; } input#author { background-image: url(images/icons/1x/author-g.png); } input#email { background-image: url(images/icons/1x/social/mail-g.png); } input#url { background-image: url(images/icons/1x/home-g.png); background-size: 24px auto; } .comment-form textarea { height: 250px; } .comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus, .comment-form textarea:focus { outline: none; color: #fff; background-color: #2B3542; } input#author:focus { background-image: url(images/icons/1x/author-w.png); } input#email:focus { background-image: url(images/icons/1x/social/mail-w.png); } input#url:focus { background-image: url(images/icons/1x/home-w.png); } .form-allowed-tags, .form-allowed-tags code { line-height: 160%; } .comment-notes, .form-allowed-tags, .logged-in-as { font-size: 0.9em; color: #666; } p.form-submit { margin-top: 30px; } .form-submit #submit { padding: 16px 20px; background: none; border: none; margin: none; font-family: 'Roboto Slab', sans-serif; font-size: 0.9em; font-weight: 400; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); background: #2B3542; border-radius: 3px; -webkit-font-smoothing: antialiased; } .form-submit #submit:hover { cursor: pointer; background: #13C4A5; } /* -------------------------------------------------------------------------------- */ /* 10. Page & Page Templates /* -------------------------------------------------------------------------------- */ .posts .page { width: 100%; position: relative; background: #fff; border-radius: 3px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1); box-shadow: 0 1px 4px rgba(0,0,0,0.1); overflow: hidden; } /* Contributors template ---------------------------------------------------------- */ .post-content + .contributors-container { border-top: 1px solid #eee; } .authors-row { position: relative; padding: 10%; border-top: 1px solid #eee; } .authors-row:first-child { border-top: none; } .authors-row:before { content: ""; display: block; width: 1px; position: absolute; top: 0; bottom: 0; left: 50%; background: #eee; } .authors-row .author-info { width: 45%; margin-left: 10%; text-align: center; } .authors-row .author-info:first-child { margin-left: 0; } .author-avatar { display: inline-block; width: 134px; height: auto; margin: 0 auto 25px auto; border: 6px solid #eee; border-radius: 9999px; } .author-avatar img { display: block; margin: 0 auto; border-radius: 9999px; } .author-info h4 { font-family: 'Roboto Slab', sans-serif; font-size: 1.5em; font-weight: 700; text-align: center; margin-bottom: 10px; } .author-info h4 a { color: #2B3542; } .author-info h4 a:hover { color: #13C4A5; } .author-info h5 { font-family: 'Roboto Slab', sans-serif; text-align: center; margin-bottom: 25px; } .author-info h5 a { color: #999; } .author-info h5 a:hover { color: #444; } .author-description { line-height: 140%; text-align: center; } .author-info .author-links a { background-color: #2B3542; } .author-info .author-links a:hover { background-color: #13C4A5; } /* Image ---------------------------------------------------------- */ .single .post-meta p.image-resolution { background-image: url(images/icons/1x/image-g.png); } .single-attachment .post-author:before { background-image: url(images/icons/1x/image-w.png); background-position: center 32px; } /* -------------------------------------------------------------------------------- */ /* 10. Pagination /* -------------------------------------------------------------------------------- */ .page-title { margin-bottom: 60px; text-align: center; } .page-title h5 { display: inline-block; padding-bottom: 4px; border-bottom: 2px solid #ccc; font-family: 'Roboto Slab', sans-serif; font-size: 0.9em; font-weight: 700; text-transform: uppercase; text-align: center; } .page-title h3 { margin-top: 15px; font-family: 'Roboto Slab', sans-serif; font-size: 1.75em; font-weight: 400; text-align: center; color: #2B3542; } .tag-archive-meta p { text-align: center; margin-top: 15px; color: #767676; font-style: italic; } /* archive navigation */ .archive-nav a { font-size: 0.9em; padding: 16px 20px; background: #2B3542; border-radius: 3px; color: #fff; } .archive-nav a:hover { background: #13C4A5; color: #fff; } /* search */ .search-no-results .post-content p { text-align: center; } /* -------------------------------------------------------------------------------- */ /* 11. Sidebar /* -------------------------------------------------------------------------------- */ .sidebar { width: 27.5%; background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.1); box-shadow: 0 1px 4px rgba(0,0,0,0.1); border-radius: 6px; overflow: hidden; } .sidebar .widget { padding: 30px; border-top: 1px solid #EEE; } .sidebar .widget:first-child { border-top: none; } .widget-title { font-family: 'Roboto Slab', sans-serif; font-size: 0.9em; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .sidebar .widget-content { font-size: 0.85em; color: #767676; } .widget-content a:hover { text-decoration: underline; } .sidebar .widget-content p { line-height: 150%; } .widget-content ul li { position: relative; margin-top: 10px; padding: 1px 0 1px 14px; line-height: 130%; } .widget-content ul li:before { content: "»"; position: absolute; left: 0; top: 0; color: #13C4A5; font-size: 18px; } .widget-content > ul > li:first-child { margin: 0; } .widget-content li ul > li:first-child { margin-top: 10px; } .widget-content .page_item_has_children { padding-bottom: 0; } .widget-content li ul li { padding-left: 15px; } .widget-content ul li .post-date { margin-left: 5px; color: #999; } .widget-content > ul > li:first-child { border-top: 0; } /* Widget tag cloud --------------------------------------- */ .tagcloud a { display: block; float: left; padding: 8px 11px; margin: 0 5px 5px 0; background: #BBB; font-size: 0.8em !important; line-height: 1; color: #FFF; border-radius: 3px; } .tagcloud a:hover { background-color: #13C4A5; color: #fff; text-decoration: none; } /* Widget search --------------------------------------- */ .wrapper .searchform, .footer .searchform { position: relative; } .wrapper .searchform .s, .footer .searchform .s { display: block; width: 100%; padding: 16px 55px 16px 20px; border: none; margin: 0; background: #ddd; color: #fff; border-radius: 3px; font-family: 'Roboto', sans-serif; font-size: 0.9em; -webkit-font-smoothing: antialiased; } .wrapper .searchform .s:focus, .footer .searchform .s:focus { background-color: #2B3542; outline: none; } .wrapper .searchform .searchsubmit, .footer .searchform .searchsubmit { display: block; height: 36px; width: 36px; border: none; position: absolute; top: 50%; margin-top: -18px; right: 10px; text-indent: -9999px; background: url(images/icons/1x/spyglass-g.png) no-repeat center; background-size: 24px auto; } .wrapper .searchform .searchsubmit:hover, .footer .searchform .searchsubmit:hover { cursor: pointer; background-image: url(images/icons/1x/spyglass-c.png); } /* Widget calendar --------------------------------------- */ #wp-calendar { color: #888; width: 100%; max-width: 100%; text-align: center; font-size: 0.9em; } #wp-calendar a { color: #1abc9c; } #wp-calendar, #wp-calendar caption, #wp-calendar tr, #wp-calendar td, #wp-calendar th { text-align: center; } #wp-calendar th, #wp-calendar td { padding: 4% 2%; } #wp-calendar caption, #wp-calendar thead { color: #666; } #wp-calendar caption { font-family: 'Roboto Slab', sans-serif; font-size: 1rem; color: #666; text-transform: capitalize; padding-bottom: 20px; } #wp-calendar thead th { font-size: 0.9em; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } #wp-calendar tbody { border-bottom: 1px solid #eee; } #wp-calendar tfoot td { padding: 0; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } #wp-calendar tfoot a { display: block; color: #999; padding: 12px 0; font-size: 0.9em; font-weight: 700; text-transform: uppercase; } #wp-calendar tfoot a:hover { text-decoration: none; color: #1abc9c; } /* Dribbble widget --------------------------------------- */ .dribbble-shot, .dribbble-shot img { display: block; } .dribbble-shot { width: 47.5%; float: left; margin-right: 5%; margin-bottom: 5%; padding: 6px; background: #f1f1f1; } .dribbble-shot:nth-child(2n) { margin-right: 0; } .dribbble-shot:hover { background-color: #13C4A5; } .widgetmore { display: block; clear: both; } /* Flickr widget --------------------------------------- */ .flickr_badge_image a, .flickr_badge_image img { display: block; } .flickr_badge_image { width: 21.25%; float: left; margin-left: 5%; margin-bottom: 5%; } .flickr_badge_image a { padding: 4px; background: #f1f1f1; } .flickr_badge_image a:hover { background-color: #13C4A5; } .flickr_badge_image:nth-child(2), .flickr_badge_image:nth-child(6), .flickr_badge_image:nth-child(10), .flickr_badge_image:nth-child(14) { margin-left: 0; } /* -------------------------------------------------------------------------------- */ /* 11. Footer /* -------------------------------------------------------------------------------- */ .footer .widget { margin-top: 40px; border-top: 4px solid #333; padding-top: 40px; } .footer .widget:first-child { margin: 0; border: none; padding: 0; } .footer .widget-title { color: #FFF; letter-spacing: 1px; font-size: 0.79em; } .footer .widget-content { color: #767676; font-size: 0.95em; } .footer .widget-content p { line-height: 160%; } .widget-content p + p { margin-top: 1em; } /* Widgets --------------------------------------- */ /* Widget search */ .footer .widget_search .s { background: #333; } /* widget tagcloud */ .footer .tagcloud a { background-color: #333; } .footer .tagcloud a:hover { text-decoration: none; background-color: #13C4A5; } /* widget calendar */ .footer #wp-calendar caption { color: #fff; } .footer #wp-calendar thead th { border: none; border-top: 1px solid #3B3B3B; border-bottom: 1px solid #3B3B3B; } .footer #wp-calendar tbody { border-bottom: 1px solid #3B3B3B; } /* dribbble and flickr widget */ .footer .dribbble-shot, .footer .flickr_badge_image { background: #333; } /* -------------------------------------------------------------------------------- */ /* 12. Credits /* -------------------------------------------------------------------------------- */ .credits p { font-family: 'Roboto Slab', sans-serif; color: #767676; font-size: 0.8rem; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .credits a { color: #ccc; } .credits a:hover { color: #ccc; text-decoration: underline; } img#wpstats { display: none; } /* Silly WordPress stats */ /* -------------------------------------------------------------------------------- */ /* 13. Responsive /* -------------------------------------------------------------------------------- */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* 2X images */ .search-toggle { background-image: url(images/icons/2x/spyglass-w.png); } .post .sticky-post { background-image: url(images/icons/2x/tack-w.png); } .posts .post-meta a.post-date { background-image: url(images/icons/2x/clock-g.png); } .posts .post-meta a.post-date:hover { background-image: url(images/icons/2x/clock-c.png); } .posts .post-meta a.zilla-likes { background-image: url(images/icons/2x/heart-g.png); } .posts .post-meta a.zilla-likes:hover, .posts .post-meta a.zilla-likes.active { background-image: url(images/icons/2x/heart-c.png); } .posts .post-meta a.post-comments { background-image: url(images/icons/2x/comment-g.png); } .posts .post-meta a.post-comments:hover { background-image: url(images/icons/2x/comment-c.png); } .post-link a { background-image: url(images/icons/2x/link-c.png); } .format-gallery .flex-direction-nav .flex-prev, .single .format-gallery .flex-direction-nav .flex-prev { background-image: url(images/icons/2x/chevron-left-w-shade.png); } .format-gallery .flex-direction-nav .flex-next, .single .format-gallery .flex-direction-nav .flex-next { background-image: url(images/icons/2x/chevron-right-w-shade.png); } .single .post-meta p.post-date { background-image: url(images/icons/2x/clock-g.png); } .single .post-meta a.zilla-likes { background-image: url(images/icons/2x/heart-g.png); } .single .post-meta a.zilla-likes:hover { background-image: url(images/icons/2x/heart-c.png); } .single .post-meta p.post-categories { background-image: url(images/icons/2x/folder-g.png); } .single .post-meta p.post-tags { background-image: url(images/icons/2x/tag-g.png); } .author-links a.author-link-posts { background-image: url(images/icons/2x/archive-w.png); } .author-links a.author-link-website { background-image: url(images/icons/2x/home-w.png); } .author-links a.author-link-mail { background-image: url(images/icons/2x/social/mail-w.png); } .author-links a.author-link-twitter { background-image: url(images/icons/2x/social/twitter-w.png); } .comment.bypostauthor:after { background-image: url(images/icons/2x/author-w.png); } .comment-actions .comment-reply-link { background-image: url(images/icons/2x/reply-w.png); } .comment-actions .comment-edit-link { background-image: url(images/icons/2x/edit-w.png); } input#author { background-image: url(images/icons/2x/author-g.png); } input#email { background-image: url(images/icons/2x/social/mail-g.png); } input#url { background-image: url(images/icons/2x/home-g.png); } input#author:focus { background-image: url(images/icons/2x/author-w.png); } input#email:focus { background-image: url(images/icons/2x/social/mail-w.png); } input#url:focus { background-image: url(images/icons/2x/home-w.png); } .single .post-meta p.image-resolution { background-image: url(images/icons/2x/image-g.png); } .single-attachment .post-author:before { background-image: url(images/icons/2x/image-w.png); } .searchform .searchsubmit { background-image: url(images/icons/2x/spyglass-g.png); } .searchform .searchsubmit:hover { background-image: url(images/icons/2x/spyglass-c.png); } } @media (max-width: 1440px) { .wrapper.section { padding: 5% 0; } /* pagination */ .page-title { margin-bottom: 5%; } .archive-nav { margin-top: 1%; } } @media (max-width: 1040px) { /* main content */ .section-inner.content { max-width: 94%; } .post-container { width: 50%; padding: 0 2% 5% 2%; } } @media (max-width: 1000px) { /* structure */ body.single .content { width: 100%; float: none; } .sidebar { display: none; } /* navigation */ .main-menu { display: none; } .search-toggle { width: 24px; } .nav-toggle { display: block; padding: 25px 0; } .nav-toggle .bar { display: block; width: 26px; height: 3px; margin-top: 5px; background: #8E8E8E; border-radius: 1px; } .nav-toggle .bar:first-child { margin-top: 0; } .nav-toggle:hover { cursor: pointer; } .nav-toggle.active .bar { background: #fff; } .mobile-menu li { border-top: 1px solid rgba(255,255,255, 0.1); } .mobile-menu > li:first-child { border-top: none; } .mobile-menu a { display: block; padding: 25px 5%; font-size: 0.9em; text-transform: uppercase; color: #999; letter-spacing: 1px; } .mobile-menu a:hover { color: #fff; } .mobile-menu ul a { padding-left: 10%; } .mobile-menu ul ul a { padding-left: 15%; } .mobile-menu ul ul ul a { padding-left: 20%; } .mobile-menu ul ul ul ul a { padding-left: 25%; } .mobile-menu ul ul ul ul ul a { padding-left: 30%; } } @media (max-width: 800px) { /* structure */ .wrapper.section { padding: 4% 0; } .section-inner { max-width: 92%; } .section-inner.content { max-width: 97%; } /* header */ .section.header { padding: 50px 0; } .header .logo img { max-height: 60px; } /* footer */ .footer .one-third { width: 47.5%; } .footer .column-3 { display: none; } /* credits */ .credits span { display: none; } } @media (max-width: 700px) { /* single post */ .post-author, .single .post-meta { width: 100%; float: none; border-radius: 0; } .single .post-meta-container:after { content: none; } .single .post-meta { background-color: #3F4854; } /* post content */ .post-content .alignleft, .post-content .alignright { max-width: 100%; float: none; margin: 1.25em 0; } .post-content .alignleft a, .post-content .alignleft img, .post-content .alignright a, .post-content .alignright img { margin-left: auto; margin-right: auto; } /* comments */ .comment-form-author, .comment-form-email, .comment-form-url { width: 100%; } } @media (max-width: 600px) { body { font-size: 16px; } /* structure */ .wrapper.section { padding: 25px 0; } .post-header, .single .post-content, .post-excerpt, .content .comments, div#disqus_thread, .comment-respond, .post-quote, .post-link { padding: 7.5% 6%; } /* header */ .section.header { padding: 35px 0; } .header-search-block .s { font-size: 1.5em; margin-top: -17px; } .nav-toggle { padding: 20px 0; } .search-toggle { height: 59px; } /* navigation */ .navigation-inner { max-width: 90%; } .mobile-menu a { padding-top: 20px; padding-bottom: 20px; } /* main content */ .section-inner.content { max-width: 92%; } .post-container { width: 100%; padding: 0; margin-top: 25px; } .post-container:first-child { margin-top: 0; } .post-header .post-title { font-size: 1.5em; } .post-excerpt { font-size: 1em; } .posts .post-meta { padding: 0 6%; } /* single post */ .media-caption { margin: 0 6%; padding-bottom: 10px; } .single .post-quote blockquote, .single .post-link p { font-size: 1.2em; } .single .post-quote cite { font-size: 0.8em; } /* post content */ .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre { line-height: 160%; margin-bottom: 1em; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin: 40px 0 20px; } .post-content h1 { font-size: 1.4em; } .post-content h2 { font-size: 1.3em; } .post-content h3 { font-size: 1.25em; } .post-content h4 { font-size: 1.1em; } .post-content h5 { font-size: 1em; } .post-content h6 { font-size: 0.9em; font-weight: 700; text-transform: uppercase; } .post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6, .post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6, .post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6, .post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6, .post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6, .post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 { margin-top: 20px; } .post-content blockquote { margin-top: 25px; } .post-content blockquote:before, .post-content blockquote:after { margin: 25px auto; width: 96px; } .post-content blockquote p { font-size: 1.1em; line-height: 150%; } .post-content blockquote cite { font-size: 0.8em; } /* comments */ .comments-title, .add-comment-title { float: none; width: 100%; } .add-comment-title { display: none; } .comments-title, .comment-reply-title { font-size: 1.5em; } .comment .avatar { width: 50px; } .comment-inner { margin-left: 70px; } .comment-inner:after { top: 13px; } .comment-content { font-size: 0.9em; } .reply-title { margin-bottom: 15px; } .comment-form { margin-top: 15px; } /* respond */ .comment-form { margin-top: 10px; } .comment-notes, .logged-in-as { margin-bottom: 25px; } .comment-form input[type="text"], .comment-form input[type="email"] { background-position: 96% center; } /* page & page templates */ .authors-row { padding: 0; border: none; } .authors-row:before { content: none; } .authors-row .author-info { width: 100%; margin: 0; padding: 7.5% 6%; float: none; border-top: 1px solid #eee; } .authors-row:first-child .author-info:first-child { border-top: none; } .author-avatar, .author-info h5 { margin-bottom: 20px; } /* pagination */ .page-title { margin-bottom: 25px; } .page-title h3 { font-size: 1.4em; } .archive-nav { margin-top: 25px; } /* footer */ .footer { padding: 30px 0; } .footer .one-third { width: 100%; float: none; padding: 40px 0 0 0; border-top: 4px solid #333; margin: 40px 0 0 0; } .footer .one-third:first-child { margin-top: 0; border-top: none; padding-top: 0; } .footer .column-3 { display: block; } /* credits */ .credits { padding: 30px 0; } } @media (max-width: 500px) { /* header */ .header .blog-title { font-size: 1.75em; } .header .blog-description { font-size: 1em; margin-top: 15px; } /* post meta */ .post-author:before, .post-author:after { left: 15px; } .post-author-content { margin-left: 40px; } /* comments */ .comments div.comment { margin-top: 20px; } .comment .avatar { display: none; } .comment-inner { margin-left: 0; } .comment-inner:after { content: none; } .comment-actions { display: none; } .comment-actions-below { display: block; margin-top: 20px; } .comment-actions-below a { display: inline-block; margin-left: 8px; font-size: 0.85em; font-weight: 700; text-transform: uppercase; } .comment-actions-below a:first-child { margin-left: 0; } .comment-actions-below a:hover { text-decoration: underline; } .comment-nav-below span { display: none; } } @media (max-width: 400px) { /* respond */ .comment-form input[type="text"], .comment-form input[type="email"] { background-position: 94% center; background-size: 20px auto; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea { padding: 12px; font-size: 0.9em; } .comment-form textarea { height: 150px; } } .banner { float: right; margin-top: 5px; margin-right: -25px; }
Author

Администрация сайта

ООО “Газпром Добыча Уренгой”

Уважаемые студенты!!! ООО «Газпром добыча Уренгой» гарантирует предоставление мест для прохождения производственной/преддипломной практики в 2018 год следующим студентам: 1. Ланцеву Илье Сергеевичу, 2. Ивановой Анастасии Евгеньевне, 3. .Молниеву Денису Анатольевичу, 4. Грищенко Виолетте Владимировне, 5. Макаровой Елене Сергеевне, 6. Лагашкиной… Читать далее →

Семинар по особенностям заполнения и предоставления конкурсной документации по конкурсам Краевого фонда науки 2018 года

14 декабря 2017 года в Краевом фонде науки по адресу: проспект Мира 18, строение 3, кабинет 5.3 с 15.00 до 17.00 пройдет семинар для заявителей по особенностям заполнения и предоставления конкурсной документации по конкурсам Краевого фонда науки 2018 года. В ходе семинара сотрудники… Читать далее →

АО «АНПЗ ВНК» отметил 35-летие

  Сегодня, 12 декабря 2017 года, АО «АНПЗ ВНК» отметил 35-летие со дня получения первой продукции. Как партнёры программы «Школа-вуз-предприятие» ПАО «НК Роснефть» Институт нефти и газа Сибирского федерального университета и ученики «Роснефть-классов» были приглашены на АНПЗ, где состоялась экскурсия… Читать далее →

Внимание, студенты геологи и геофизики!

Уважаемые студенты!!! Нефтегазодобывающее управление (НГДУ) «Федоровскнефть» ОАО «Сургутнефтегаз» объявило о наборе на производственную практику на 2018 год для студентов ЮНОШЕЙ 3-4 курса специальностей 21.05.02 «Прикладная геология» и 21.05.03 «Технологии геологической разведки, имеющих удостоверение» «Оператор по добыче нефти и газа». Предоставление… Читать далее →

Промышленный дизайн – объединение искусства и науки?

Получить ответ на этот и другие вопросы можно на занятиях модуля «Промышленный дизайн» образовательного проекта «Академия Инжиниринга», реализуемого Корпоративным нефтегазовым центром СФУ в рамках Программы повышения международной конкурентоспособности университета (Проект 5-100) при финансовой поддержке АО «Востсибнефтегаз».   Целью модуля «Промышленный дизайн» является формирование… Читать далее →

Стажировка сотрудников ИНиГ СФУ на Ачинском НПЗ

С 5 по 8 октября преподаватели базовой кафедры химии и технологии природных энергоносителей и углеродных материалов Вагонов Роман Александрович и Третьяков Александр Евгеньевич успешно прошли стажировку на Ачинском нефтеперерабатывающем заводе. Программа была насыщенной: – инструктаж по охране труда и технике… Читать далее →

Праздничный новогодний концерт для сотрудников и студентов ИНиГ СФУ

Приглашаем на праздничный новогодний концерт для сотрудников и студентов ИНиГ СФУ, который состоится 16 декабря в 18.00 в Конгресс-холле Сибирского федерального университета. В программе мероприятия награждение сотрудников по номинациям и вручение благодарственных писем с подписью ректора Сибирского федерального университета. На… Читать далее →

Открыт набор на программы повышения квалификации на декабрь 2017!

Внимание! Магистры ИНиГ смогут пройти курс бесплатно с выдачей сертификата. Предварительная запись на программы обязательна. Расписание на декабрь 2017 г. Название программы: Правовое регулирование нефтегазового комплекса Срок обучения: 9,10 декабря (интенсивный курс с 10.00 до 17.00 ауд. 605 УЛК ИНиГ… Читать далее →

Вниманию студентов выезжающих на геологическую (геофизическую) практику!

Уважаемы студенты! Согласно инструкции по охране труда, все студенты, выезжающие на геологическую (геофизическую) практику, должны предоставить прививочный сертификат о прохождении вакцинации против клещевого энцефалита, либо страховой полис «Антиклещ». Студенты не предоставившие указанные документы до прохождения геологической (геофизической) практики допускаться не… Читать далее →

Новый выпуск корпоративной газеты «Ванкор»

Новый выпуск корпоративной газеты «Ванкор» не заставил себя долго ждать. В новом номере вы можете узнать об итогах ХII Межрегиональной научно-технической конференции молодых специалистов, достижениях Роснефти. Прочитать интервью одного из работников Ванкора и узнать ещё много интересной информации.  Будь в… Читать далее →

© 2017

Разработчики: В. Колмаков, В. Кахтюрин, М. КомаровВверх ↑