diff options
Diffstat (limited to 'old/~sgeerken/mirror/arstechnica/s1.css')
| -rw-r--r-- | old/~sgeerken/mirror/arstechnica/s1.css | 907 |
1 files changed, 907 insertions, 0 deletions
diff --git a/old/~sgeerken/mirror/arstechnica/s1.css b/old/~sgeerken/mirror/arstechnica/s1.css new file mode 100644 index 0000000..1f63e15 --- /dev/null +++ b/old/~sgeerken/mirror/arstechnica/s1.css @@ -0,0 +1,907 @@ + +article.in-column a h1, +article.in-column a { + font-size: 22px; + color: #263034; +} + +article.in-column a:visited h1, +article.in-column a:visited { + color: #839496; +} + +.latest-stories h2, +article.in-column h2, +#recommendations .upper-deck { + text-transform: uppercase; + color: #24af3a; + font-size: 11px; + margin: 0 0 6px 0; +} + +.latest-stories h2 { + line-height: 11px; +} + +article.in-column a.headline-image { + display: block; +} + +article.in-column a:hover h1, +article.in-column a:hover { + color: #ff4f00; +} + +p.excerpt, +#recommendations .lower-deck { + line-height: 19px; + margin: 5px 0; + color: #657b83; +} + +.report p.excerpt { + position: relative; + z-index: 8; +} + +article.in-column { + border-bottom: 1px solid #dddddd; + margin-bottom: 15px; + position: relative; + padding-bottom: 7px; +} + +article.in-column .byline { + color: #4f525a; + font-size: 11px; + margin: 0; +} + +article.in-column .byline span.author, +article.in-column .byline a { + font-weight: bold; + color: #4f525a; + text-decoration: none; + font-size: 11px; +} + +article.in-column .byline a:hover { + color: #ff4f00; +} + +article.in-column .archive-listing { + float: left; + margin: 0 10px 0 0; +} + +article .comments-hotness { + position: absolute; + bottom: -1px; + background: #fff; + padding-left: 5px; + right: 0; +} + +article.in-column .comments-hotness.radar {background: #f6f6f6;} +article.main-feature .comments-hotness { + background: none; + right: 20px; +} + +.pageviews { + background: #839496; + padding: 0 6px; + text-align: center; + min-width: 14px; + line-height: 16px; + height: 16px; + font-size: 14px; + color: #fff; + font-family: "BebasNeue", sans-serif; + -webkit-font-smoothing: antialiased; + display: inline-block; + vertical-align: bottom; +} + +.pageviews a, +.editor-box .pageviews a, +article.in-column .pageviews a { + font-size: 14px; + display: block; + color: #fff; +} + +nav .comment-count span, +article .comment-count span { + background: #839496; + display: block; + padding: 0 6px; + text-align: center; + min-width: 14px; + line-height: 16px; + height: 16px; +} + +article .comment-count:visited span {color: #fff;} + +article.in-column .comment-count, +article.main-feature .comment-count, +article .post-meta .comment-count, +nav .comment-count { + font-size: 14px; + color: #fff; + padding-top: 6px; + font-family: "BebasNeue", sans-serif; + background: url(https://www.dillo.org/~sgeerken/mirror/images/comment-notch.png) no-repeat 14px top; + -webkit-font-smoothing: antialiased; + display: inline-block; + vertical-align: bottom; +} + +article .comment-count.unread, +article .comment-count:hover {background-position: 14px -6px;} + +article .comment-count.unread span, +article .comment-count:hover span { + background: #ff4f00; + color: #fff; +} + +.archive-report article.in-column { + padding: 15px 0 20px; + margin: 0; +} + +.archive-brief article.in-column { + padding: 15px 0 10px; + margin: 0; +} + +body.archive .archive-feature, +body.archive-view .archive-feature { + padding-bottom: 15px; + border-bottom: 1px solid #dddddd; +} + +.archive-feature article.main-feature { + margin: 15px 0 0; +} + +body.category-features .archive li:first-child article, +.archive-view li:first-child article { + margin-top: 0; +} + +#stories-main h1 { + line-height: 22px; + font-size: 32px; + position: relative; + right: -8px; + margin-top: -17px; + top: 0; +} + +#stories-main h1 span.whole { + position: relative; + left: -8px; + top: -4px; + font-size: 22px; + z-index: 3; +} + +#stories-main h1 span.firstword { + position: relative; + background: #fff; + line-height: 22px; + font-size: 32px; + top: 4px; + z-index: -1; +} + +#stories-main h1 span.adjust { + font-size: 22px; + position: relative; + top: -4px; +} + +#stories-main h1:first-line { + background: #fff; +} + +.main-feature { + position: relative; + margin-bottom: 15px; + background-position: top left; + background-repeat: no-repeat; + z-index: 1; +} + +body.category-features ol li:first-child .main-feature { + margin-top: 0; +} + +.main-feature h1 { + color: #fff; + font-size: 30px; + text-shadow: 0px 0px 5px rgba(0,0,0,1); + text-decoration: none; + line-height: 34px; +} + +.feature-container:hover h1 { + color: #ff4f00; +} + +.main-feature p { + color: #fff; + margin: 0; +} + +.main-feature p.excerpt { + color: #deddd4; + font-size: 16px; + margin-bottom: 8px; + text-shadow: -1px 1px 1px #333; + /*white-space: nowrap;*/ +} + +.main-feature hr { + border: 0; + height: 1px; + text-align: left; + margin-left: 0; + background: #3c3c3c; + width: 100px; +} + +.feature-container { + display: block; + height: 190px; + padding: 10px 20px 15px; + position: relative; + z-index: 2; +} + +.feature-sash { + position: absolute; + line-height: 14px; + top: 10px; + background-color: #eee; + background: rgba(255,255,255,.8); + padding: 10px 20px 6px 10px; + right: 0; + z-index: 3; +} + +.feature-meta { + position: absolute; + bottom: 15px; + width: 100%; + padding: 0 20px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 3; +} + +.feature-contents { + position: absolute; + bottom: 30px; + padding-right: 20px; +} + +.main-feature p.byline { + font-size: 11px; +} + +.main-feature p.byline a { + color: #fff; + font-weight: bold; +} + +.main-feature p.byline a:hover { + color: #ff4f00; +} + +#recent-story { + background-color: #ff4f00; + background-image: linear-gradient(left bottom, rgb(229,38,0) 0%, rgb(252,71,0) 100%); + background-image: -o-linear-gradient(left bottom, rgb(229,38,0) 0%, rgb(252,71,0) 100%); + background-image: -moz-linear-gradient(left bottom, rgb(229,38,0) 0%, rgb(252,71,0) 100%); + background-image: -webkit-linear-gradient(left bottom, rgb(229,38,0) 0%, rgb(252,71,0) 100%); + background-image: -ms-linear-gradient(left bottom, rgb(229,38,0) 0%, rgb(252,71,0) 100%); + background-image: -webkit-gradient( + linear, + left bottom, + right top, + color-stop(0, rgb(229,38,0)), + color-stop(1, rgb(252,71,0)) + ); + color: #fff; + position: absolute; + top: -10px; + right: 10px; + width: 50px; + height: 40px; + padding-top: 10px; + text-align: center; + border-radius: 40px; + box-shadow: 0 1px 2px rgba(0,0,0,0.5); + font-family: "BebasNeue", sans-serif; + font-size: 16px; + text-transform: uppercase; + -webkit-font-smoothing: antialiased; + line-height: 1em; +} + +.archive-listing.favicon { + display: inline; +} + +.overlay { + margin: 0; + display: block; + position: relative; +} + +.overlay img { + display: block; +} + +.overlay:before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + -moz-box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.2); + -webkit-box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.2); + box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.2); +} + +.ces-overlay { + position: absolute; + top: 0px; + left: 0px; +} + +#radar { + background-color: #f6f6f6; + padding: 14px 19px; + width: 280px; + float: left; + position: relative; + border: 1px solid #dddddd; + + background: #f6f6f6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); + background: #f6f6f6 -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,0) 100%); /* FF3.6+ */ + background: #f6f6f6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(221,221,221,0))); /* Chrome,Safari4+ */ + background: #f6f6f6 -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(221,221,221,0) 100%); /* Chrome10+,Safari5.1+ */ + background: #f6f6f6 -o-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(221,221,221,0) 100%); /* Opera 11.10+ */ + background: #f6f6f6-ms-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(221,221,221,0) 100%); /* IE10+ */ + background: #f6f6f6 linear-gradient(top, rgba(221,221,221,1) 0%,rgba(221,221,221,0) 100%); /* W3C */ + + background-size: auto 50px; + background-repeat: repeat-x; +} + +#radar h1, +#recent-feature h1 +{ + margin-bottom: 2px; + line-height: 22px; +} + +#stories-features img { + margin-bottom: 5px; +} + +#stories-features article h2.page-count, +#article-sidebar h2.page-count { + font-size: 15px; + color: #ff4f00; + margin: 0 0 5px 0; +} + +.subheading a:link, +.subheading a:visited { + color: #657B83; +} + +.subheading a:hover { + color: #ff4f00; +} + +aside.sidebar { + width: 250px; +} + +aside.sidebar.story-sidebar.multi-story { + width: auto; +} + +div.story-sidebar-part { + width: 200px; + float: left; + margin-right: 15px; +} + +div.story-sidebar-part:last-child { + margin-right: 0; +} + +aside.sidebar.story-sidebar, +aside.sidebar.story-sidebar img { + width: 200px; +} + +aside.sidebar p:last-child { + margin-bottom: 0; +} + +.center-text { + text-align: center; +} + +#stories-features > li:last-child { + padding-top: 12px; +} + +.social { + padding-bottom: 15px; + border-bottom: 5px solid #dddddd; + margin-bottom: 15px; + position: relative; +} + +.social > li > a { + float: left; + margin-right: 12px; + width: 40px; + height: 40px; + display: block; + background: url(https://www.dillo.org/~sgeerken/mirror/images/social-icons.png) no-repeat left top; +} + +.social > .fb > a {background-position: left top} +.social > .twit > a {background-position: -40px top} +.social > .gplus > a {background-position: -80px top} +.social > .email > a {background-position: -120px top} +.social > .rss > a {background-position: -160px top} +.social > .pod > a {background-position: -200px top} + +.social .last a {margin-right: 0;} + +.social-pop { + background: url(https://www.dillo.org/~sgeerken/mirror/images/social-arrow.png) no-repeat center bottom; + position: absolute; + left: 0; + bottom: 55px; + z-index: 5; + padding-bottom: 7px; + display: none; + font-size: 12px; + line-height: 16px; +} + +.social-pop h2 { + background: url(https://www.dillo.org/~sgeerken/mirror/images/small-social-icons.png) no-repeat left top; + border-bottom: 2px solid #dddddd; + padding-bottom: 4px; + padding-left: 18px; + margin-bottom: 15px; + line-height: 16px; +} + +.fb .social-pop h2 {background-position: left 0} +.twit .social-pop h2 {background-position: left -22px} +.gplus .social-pop h2 {background-position: left -44px} +.email .social-pop h2 {background-position: left -110px} +.rss .social-pop h2 {background-position: left -66px} +.pod .social-pop h2 {background-position: left -88px} + +.social-pop ul { + color: #263034; + font-weight: bold; + margin: 0; +} + +.social-pop p { + margin: 0 0 15px 0; +} + +.social-pop li { + margin: 7px 0; +} + +.social-pop a { + color: #ff4f00; +} + +.social-pop form { + text-align: right; +} + +.social-pop label { + display: none; +} +.social-pop input[type="text"] { + display: block; + width: 252px; + margin: 0 0 10px; + border: 1px solid #839496; + padding: 3px; +} + +.social-pop input[type="submit"] { + margin-bottom: 20px; +} + +.social-pop footer { + color: #657b83; + font-size: 9px; + line-height: 12px; +} + +.fb .social-pop {background-position: -280px bottom} +.twit .social-pop {background-position: -228px bottom} +.gplus .social-pop {background-position: -175px bottom} +.email .social-pop {background-position: -124px bottom} +.rss .social-pop {background-position: -72px bottom} +.pod .social-pop {background-position: -19px bottom} + +.social-pop-content { + position: relative; + z-index: 4; + background: #fff; + width: 260px; + padding: 15px 20px; + border: 1px solid #dcdcdc; + border-bottom: 0; +} + +div.story-info { + font-size: 11px; + margin-bottom: 0px; + position: relative; +} + +figure.image { + margin: 10px; +} + +#polar-content img { + display: block; + max-width: 100%; + clear: both; +} +#polar-content .phoenix-inline-image { + margin: 15px; + float: left; +} + +figure.image img { + display: block; + max-width: 100%; +} + +div#article div.top { + margin-top: 0; +} + +#article-guts { + overflow: hidden; +} + +.article-content .right { + float: right; + clear: right; + margin: 5px 0 20px 20px; +} + +.article-content .center { + /*text-align: center; not sure we want this */ + margin-left: auto; + margin-right: auto; + clear: both; +} + +article.standalone .full-width.center { + margin: 15px auto; +} + +article.standalone .full-width.center:first-child { + margin-top: 0; +} + +.article-content .left { + float: left; + clear: left; + margin: 5px 20px 20px 0; +} + +.article-content .game-info { + width: 230px; + border-top: 10px solid #839496; + border-bottom: 1px solid #839496; + border-left: 0; + border-right: 0; + padding: 13px 0 10px; + color: #657b83; + font-family: 'NoticiaBold', 'Times New Roman', serif; + font-weight: bold; + font-size: 12px; +} + +.article-content .game-info h3 { + font-size: 12px; + color: #dc322f; + margin: 0; +} + +.article-content .game-info p { + margin-bottom: 10px; +} + +.article-content .game-info p:last-child { + margin-bottom: 0; +} + +.article-content .game-info ul { + list-style-type: none; + margin: 0 0 10px; + padding: 0; +} + +.article-content .game-info strong { + color: #2babd5; + font-weight: normal; + font-size: 14px; + vertical-align: middle; + font-family: "BebasNeue", sans-serif; +} + +.article-content .game-info a { + color: #ff4f00; +} + +.comments-header { + font-size: 28px; + margin-bottom: 0px; +} + +div.center { + margin-left: auto; + margin-right: auto; +} + +figcaption { + font-size: 12px; + padding: 7px 0; + border-bottom: 1px solid #dddddd; + color: #4f525a; + overflow: hidden; +} + +figcaption .enlarge { + padding-left: 17px; + background: url(https://www.dillo.org/~sgeerken/mirror/images/zoom-enhance.png) no-repeat left center; +} + +div.caption-credit { + font-weight: normal; + font-size: .8em; + padding-left: 16px; + background: url(https://www.dillo.org/~sgeerken/mirror/images/camera.png) no-repeat left top; + line-height: 10px; + margin-top: 5px; +} + +ul#recommendations { + list-style: none; + margin: 10px 0; + padding: 0; + min-height: 530px; +} + +ul#recommendations > li { + width: 145px; + font-size: 11px; + float: left; + height: 240px; + margin: 0 20px 25px 0; +} + +ul#recommendations .lower-deck { + font-size: 14px; +} + +ul#recommendations > li:nth-child(4n + 4) { + margin-right: 0; +} + +ul#recommendations > li img { + width: 145px; + height: 145px; + margin-bottom: 5px; +} + +ul#recommendations > li p { + margin: 0; + font-family: 'NoticiaBold', 'Times New Roman', serif; + font-size: 14px; + font-weight: bold; + line-height: 18px; +} + +ul#recommendations > li p i, +ul#recommendations > li p em { + font-family: 'NoticiaBoldItalic', 'NoticiaBold', 'Times New Roman', serif; +} + +ul#recommendations > li p.no-thumb { + font-size: 16px; + line-height: 18px; +} + +ul#recommendations > li a { + text-decoration: none; + color: #263034; +} + +ul#recommendations > li a:hover { + color: #ff4f00; +} + +#recommendations .upper-deck { + font-weight: bold; +} + +ul.share-buttons.disable { + height: 0px; + border-bottom: none; + overflow: hidden; +} + +article.standalone ul.share-buttons { + height: 30px; + border: none; + margin: 0; + padding: 0; + list-style: none; +} + +article.standalone #article-footer-wrap ul.share-buttons { + margin-top: 15px; +} + +article.standalone .post-meta ul.share-buttons { + display: inline-block; + height: 16px; + vertical-align: bottom; +} + +.share-buttons.old { + height: 65px; +} + +ul.share-buttons li { + display: block; + float: left; + margin-right: 10px; + cursor: pointer; +} + +.post-meta ul.share-buttons li { + margin-right: 0px; + margin-left: 5px; +} +.post-meta ul.share-buttons li:first-child { + margin-left: 0px; +} + +ul.share-buttons.old li { + margin-right: 20px; + opacity: 0.4; +} + +ul.share-buttons.old li.hover, +ul.share-buttons.old li:hover { + opacity: 1; +} + +ul.share-buttons li a { + display: block; + background: url(https://www.dillo.org/~sgeerken/mirror/images/social-button-sprites-2.png) top left no-repeat; + background-position: 0px 0px; + background-size: 523px 60px; + text-indent: -9999px; + overflow: hidden; + width: 95px; + height: 30px; + float: left; +} + +.post-meta ul.share-buttons li a { + width: 59px; + height: 16px; +} + +ul.share-buttons li.share-facebook:hover a { + background-position: 0px -30px; +} +ul.share-buttons li.share-facebook a { + background-position: 0px 0px; +} +.post-meta ul.share-buttons li.share-facebook a { + background-position: -400px 0px; +} +.post-meta ul.share-buttons li.share-facebook:hover a { + background-position: -400px -30px; +} +ul.share-buttons li.share-twitter a { + background-position: -100px 0px; +} +.post-meta ul.share-buttons li.share-twitter a { + background-position: -464px 0px; +} +ul.share-buttons li.share-twitter:hover a { + background-position: -100px -30px; +} +.post-meta ul.share-buttons li.share-twitter:hover a { + background-position: -464px -30px; +} +ul.share-buttons li.share-google a { + background-position: -200px 0px; +} +ul.share-buttons li.share-google:hover a { + background-position: -200px -30px; +} +.post-meta ul.share-buttons li.share-google { + display: none; +} +ul.share-buttons li.share-reddit a { + background-position: -300px 0px; +} +.post-meta ul.share-buttons li.share-reddit { + display: none; +} +ul.share-buttons li.share-reddit:hover a { + background-position: -300px -30px; +} + +#stories-brief img { + float: left; + border: 1px solid #93a1a1; + margin: 3px 8px 0 0; + width: 37px; + height: 37px; + image-rendering: optimizeQuality; +} + +div.brief-box { + padding: 20px; + border: 1px solid #ddd; + margin-bottom: 15px; + border-top: 0; + background: #fff url(https://www.dillo.org/~sgeerken/mirror/images/box-notch.png) no-repeat top center; +} + +div.brief-box h2 { + margin: 0 0 20px 0; +} + +div.editors-picks h2 { + text-align: center; + font-family: 'NoticiaBoldItalic', 'NoticiaBold', 'Times New Roman', serif; + font-style: italic; + font-weight: bold; + font-size: 22px; + color: #1d74a2; +} + +div.editors-picks h2 i, +div.editors-picks h2 em { + display: block; + font-size: 16px; + color: #2babd5; +} |