/*--------------------------------------------------------------------------------- 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; }
Month

Октябрь 2016

Творческий конкурс “Прошу слова СФУ” 2016. Финал Кубка первокурсников СФУ 2016

Видео смешного конкурса “Прошу слова СФУ” 2016

Смешной конкурс "Прошу слова СФУ 2016"

Поздравляем победителей!

Это лучший Институт, друг!(c) 27.10.2016 на главной сцене университета в Конгресс-холе СФУ первокурсники мерились фантазией и находчивостью. А все потому, что состоялся творческий этап грандиозного шоу-конкурса «Прошу слова СФУ». Ни для кого не секрет, как сложно придумать номер, отрепетировать и… Читать далее →

Шоу-конкурс “Прошу слова ИНиГ СФУ” 2016

Видео посвященное шоу-конкурсу "Прошу слова ИНиГ СФУ"

Адаптация иностранных магистрантов проходит успешно!

Первые иностранные студенты (Хоссейн Эбрахими, Джозеф Аппиа) магистерской программы «Petroleum chemistry and refining» (руководитель магистерской программы, заведующий БК ХТПЭиУМ Бурюкин Федор Анатольевич) успешно адаптируются в среде Института нефти и газа СФУ. 26 октября 2016 года у магистрантов прошло выездное практическое… Читать далее →

On-line трансляция “Прошу слова 2016”!

По данной ссылке можно посмотреть on-line трансляцию конкурса с 18.00.

Практика от ООО «ЛУКОЙЛ-Западная Сибирь»

Уважаемые студенты! ООО «ЛУКОЙЛ-Западная Сибирь» приглашает Вас для прохождения производственной практики в Территориально-производственные предприятия Общества по следующим специальностям: Наименование направления/специальности Наименование профиля/специализации Количество студентов Возможные удостоверения по рабочей профессии Технологические машины и оборудование Машины и оборудование нефтяных и газовых промыслов… Читать далее →

Уважаемые коллеги!

Сибирский федеральный университет объявляет открытый конкурс на финансирование тревел-грантов для участия в научных конференциях и семинарах, работы в архивах и библиотеках, стажировок в научных учреждениях страны и за рубежом для научно-педагогических работников университета.  Прием документов осуществляется с 5 октября по… Читать далее →

Внимание! Юношам, достигшим 20 летнего возраста

Всем юношам достигшим 20- летнего возраста , необходимо явиться во 2- отдел с новым паспортом до 30.11.2016г. Мы находимся по адресу: пр.Свободный 82, корп.(К) каб.-233. Bремя работы: понед.- пятница с 8:30 до 12:00 с 13:00 до 16:00 Tелефон для справок:… Читать далее →

Набор студентов на преддипломную практику

Уважаемые студенты! ООО «РН-Юганскнефтегаз» объявило о наборе студентов 4 курса (бакалавриат), 5 курса (специалитет), 2 курса (магистратура) на преддипломную практику (приложение 1). Для формирования списка кандидатов на прохождение преддипломной практики необходимо в срок до 18.11.2016 г. предоставить в Сектор по… Читать далее →

© 2017

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