User:AnotherOne05/timeless.css

/** * Theme Name: Dusk To Dawn * Theme URI: http://theme.wordpress.com/themes/dusk-to-dawn/ * Author: Automattic * Author URI: http://automattic.com/ * Description: A dark theme that melds old-style organic ornaments * with modern design and typography. It features a custom header, * custom background, and a widget area in the sidebar. It comes with * support for several post formats including aside, gallery, * image, quote, link, chat, and audio. * Version: 1.3 * License: GNU General Public License v2 or later * License URI: http://www.gnu.org/licenses/gpl-2.0.html */

/** * Reset default browser CSS. * Based on work by Eric Meyer: * http://meyerweb.com/eric/tools/css/reset/index.html */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
 * focus {

/* remember to define focus styles! */	outline: 0; } body { background: #fff; line-height: 1; direction: ltr; /* Needed for RTL flipping */ unicode-bidi: embed; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Clear */

.clear { clear: both; display: block; } .clear-fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Structure */

html, body { height: 100%; }	min-height: 100%; }	padding: 0 0 127px 0; position:relative; }	/* @embed */ background: url(images/ornaments-ltr.png) no-repeat 0 0; display: block; margin: 0 auto; padding: 96px 0 0 0; width: 978px; }	/* @embed */ background: url(images/page-ltr.gif) repeat-y 0 0; border-radius: 3px; margin: 0 auto; position: relative; width: 870px; }	float: right; margin: 0 0 0 -282px; width: 100%; }	margin: 0 0 0 282px; }	float: left; padding: 71px 30px 30px; width: 222px; }	bottom: 0; clear: both; display: block; position: absolute; width: 100%; }
 * 1) super-super-wrapper,
 * 2) super-wrapper,
 * 3) wrapper {
 * 1) wrapper {
 * 1) page {
 * 1) main {
 * 1) primary {
 * 1) content {
 * 1) main .widget-area {
 * 1) colophon {

/* Text meant only for screen readers */ .screen-reader-text, .assistive-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }

/* Global */

background: linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% ); background: -o-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% ); background: -moz-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% ); background: -webkit-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100%); background: -ms-linear-gradient( bottom, rgb( 255,203,112 ) 0%, rgb( 107,138,169 ) 30%, rgb( 1,44,87 ) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#012c57', endColorstr='#ffcb70'); /* for IE */ background: -webkit-gradient( linear, left bottom, left top, color-stop( 0, rgb ( 255,203,112 ) ), color-stop(0.3, rgb( 107,138,169 ) ), color-stop(1, rgb(1,44,87) ) ); }	/* @embed */ background: url(images/texture.png) repeat-x 0 0; background-attachment: fixed; }	/* @embed */ background: url(images/ornaments-bottom.png) no-repeat center bottom; }	box-shadow: rgba(0, 0, 0, 0.4) 0 0 6px; } body, input, textarea { color: #4a4a49; font: 13px Verdana, sans-serif; font-weight: normal; line-height: 22px; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; line-height: 22px; margin-bottom: 22px; } h1 { font-size: 21px; } h2 { font-size: 19px; } h3 { font-size: 17px; } h4 { font-size: 15px; } h5 { font-size: 13px; font-weight: bold; text-transform: uppercase; } h6 { font-size: 12px; text-transform: uppercase; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 21px; } /* Text elements */ p, dd, pre { margin-bottom: 22px; } ul, ol { margin: 0 0 22px 18px; } ul { list-style: disc; } ol { list-style-type: decimal; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 22px 0; } dt { font-weight: bold; } dd { margin-bottom: 22px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 0 0 54px; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite, .quote-caption { color: #666; font: 13px Verdana, sans-serif; text-transform: uppercase; } pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 22px; overflow: auto; padding: 0.75em 1.6923em; } code, kbd { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn { border-bottom: none; cursor: help; } address { display: block; margin: 0 0 22px; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; }
 * 1) super-super-wrapper {
 * 1) super-wrapper {
 * 1) wrapper {
 * 1) main {

/* Forms */

input[type=text], input[type=email], input[type=password], textarea { background: #fafafa; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #e7d9b9; border-radius: 3px; color: #777; padding: 6px; } input[type=text]:focus, input[type=email]:focus, textarea:focus { color: #4a4a49; } textarea { width: /*98*/100%; /* ashley change */ }	display: none; } /* ashley change - original rule was: input#s */ input#searchInput { /* @embed */ background: #000 url(images/search-ltr.png) no-repeat scroll 10px 8px; border: 1px solid #222; border-radius: 3px; color: #777; line-height: 1.2em; padding: 6px 10px 6px 38px; width: 77%; }	/* @embed */ background: #fafafa url(images/search-ltr.png) no-repeat scroll 10px 8px; border: 1px solid #e7d9b9; } input#searchsubmit { display: none; } /* Links */ a { color: #497ca7; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; }
 * 1) searchform label {
 * 1) primary input#searchInput {

/* Header */

background-color: #0b0e18; background-color: rgba(11,14,24,0.8); border-radius: 3px; margin: 2px 0 54px 390px; padding: 8px 30px 6px; width: 474px; }
 * 1) branding hgroup {

/* ashley change: originally #site-title */ font: 300 25px/1.3 Ubuntu, sans-serif; margin: 0; }	color: #ccc; font-size: 11px; font-weight: normal; margin: 0; }	border-top-right-radius: 3px; border-top-left-radius: 3px; height: 220px; overflow: hidden; width: 870px; }
 * 1) firstHeading {
 * 1) site-description {
 * 1) header-image {

/* Content */ .hentry { border-top: 1px solid #ccc; padding: 0 0 59px 0; } .single .hentry { border-top: none; padding: 0 0 41px 0; } .hentry:first-child { border-top: none; } .entry-header { border-left: 6px solid #497ca7; margin: 0 0 47px 54px; padding: 0 30px 0 24px; }

.page .entry-header { padding: 68px 30px 0 24px; }

.entry-title { color: #0b0e18; font: 300 22px/22px Ubuntu, sans-serif; text-shadow: 1px 1px 0 rgba(255,255,255,1); word-wrap: break-word; } .entry-title a { color: #0b0e18; } .entry-title a:hover { color: #497ca7; } .entry-content { padding: 0 30px 0 84px; width: 474px; }

.entry-header .entry-meta .sep { text-transform: none; } .entry-header .entry-meta { letter-spacing: 1px; line-height: 1.0em; margin: 0 0 2px 0; /* ashley: changed on 1 November 2015 for site notice/ads/general prettiness */ padding: 20px 0 0 0; text-transform: uppercase; } .entry-meta { clear: both; color: #777; display: block; font-size: 11px; line-height: 22px; text-shadow: 1px 1px 0 #fff; } footer.entry-meta { padding: 23px 30px 0 84px; width: 474px; }

.featured-image { margin: -6px 0 44px 0; } .single-author .entry-meta .byline { display: none; } .entry-content table { border-bottom: 1px solid #ccc; margin: 0 0 22px; width: 100%; } .entry-content th { color: #666; font-size: 10px; font-weight: bold; letter-spacing: 0.1em; line-height: 22px; padding: 0 0 6px 0; text-transform: uppercase; } .entry-content td{ border-top: 1px solid #ccc; padding: 6px 10px 6px 0; }	display: block; float: right; font-size: 10px; font-weight: bold; margin: 0; overflow: hidden; text-align: right; text-transform: uppercase; }
 * 1) content nav {

border-bottom-right-radius: 3px; }
 * 1) content nav:last-child {

.page-link { clear: both; margin: 22px 0 0; } .page .edit-link { clear: both; display: block; } .page-header { line-height: 22px; padding: 71px 30px 60px 84px; }

.page-title { color: #0b0e18; font: 700 13px/22px Ubuntu, sans-serif; margin: 0; text-shadow: 1px 1px 0 rgba(255,255,255,1); text-transform: uppercase; } .page-header p { color: #777; font-size: 12px; text-shadow: 1px 1px 0 #fff; }

/* Notices */ .post .notice { display: block; padding: 22px 0; }

/* =Images

a img { border: none; } p img { /* a small bottom margin prevents content floating under images */ margin-bottom: 6px; } /** * Resize images to fit the main content area. * Applies only to images uploaded via WordPress by * targeting size-* classes. Other images will be * left alone. Use "size-auto" class to apply to * other images. .widget-area img, .entry-content p img, .entry-content dt img, .post-format-content img { /* When images are too wide for containing element, force them to fit. */	max-width: 100%; /* Override height to match resized width for correct aspect ratio. */	height: auto; }

/* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; }

/* Widgets */ .widget { color: #ccc; display: block; font-size: 11px; line-height: 22px; /* ashley: changed this, 65px just looks dumb IMO */ margin: 0 0 20px 0; } .widget-title, .menu-title { /* @embed */ background: url(images/widget_heading.png) no-repeat 0 6px; border-bottom: 1px solid #252832; color: #fff; font: 700 13px/22px Ubuntu, sans-serif; margin: 0 0 11px 0; padding: 0 0 11px 18px; text-transform: uppercase; } .widget-title a { color: #fff; }

/* Footer */ background-color: #0b0e18; font-size: 11px; line-height: 2; padding: 11px 0; }	color: #777; margin: 0 auto; text-align: center; /* ashley */ width: 810px; }
 * 1) colophon {
 * 1) site-generator {

/** ashley's additions for MediaWiki */ /* hgroup element replacement to make the W3C Validator a bit happier */ header#branding div { background-color: #0b0e18; background-color: rgba(11,14,24,0.8); border-radius: 3px; margin: 2px 0 54px 390px; padding: 8px 30px 6px; width: 474px; }

/** * Make the site name in the header white * instead of black, which is the default * for the h1 element */ header#branding h1 { color: #FFF; }

/* Copy of mixin-screen-reader-text LESS mixin from /resources/src/mediawiki.less/mediawiki.mixins.less@REL1_32 */ .mw-jump-link:not( :focus ) { display: block; position: absolute !important; /* stylelint-disable-line declaration-no-important */ clip: rect( 1px, 1px, 1px, 1px ); width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; overflow: hidden; }

/* Hide MediaWiki:Tagline by default */ h2#site-description { display: none; }

/* Bump the search buttons down a tad bit */ .searchButton { margin-top: 5px; }

/* Make sure that the Go button doesn't touch the Search button */ margin-right: 5px; }
 * 1) searchGoButton {

/* Footer icons' positioning */ footer#colophon #f-copyrightico { float: left; padding-left: 5px; padding-right: 5px; }

footer#colophon #f-poweredbyico { float: right; padding-right: 5px; }

/** * Hacky RTL fixes from the WordPress version's rtl.css * ironically enough this is easier than flipping the image... */ /* @noflip */body.rtl input#searchInput { /* @embed */ background: #000 url(images/search-ltr.png) no-repeat scroll 96% 8px; }

/* @noflip */body.rtl #primary input#searchInput { /* @embed */ background: #fafafa url(images/search-ltr.png) no-repeat scroll 98% 8px; }

/* @noflip */body.rtl .widget-title, /* @noflip */body.rtl .menu-title { /* @embed */ background: url(images/widget_heading.png) no-repeat right 6px; }

/* noarticletext */ div.noarticletext { border: 1px solid #ccc; background: #fff; padding: .2em 1em; color: #000; }

div.noarticletext p { margin: 5px; }

/* Diffs */ table.diff { background-color: transparent; }

/** ProblemReports */ /* default padding for the dialog sucks */ padding: inherit !important; }
 * 1) reportProblem input[type="text"], #reportProblem textarea, #reportProblem select {

/** CSS fixes for social tools -- verbatim copypasta from /skins/Dusk/resources/css/main.css */ /* Special:GiveGift */ div.g-give-container { width: auto; }

/** Comments */ div#allcomments .full, div#allcomments .reply { width: auto; }

textarea#comment { width: 465px !important; }

div.c-item { padding-bottom: 0px; }

/** FanBoxes */ /* Special:UserBoxes */ input#inputRightSide { width: 300px !important; }

div.category-section div.categorytext, textarea#pageCtg { width: auto !important; }

/** * Scale down the user boxes on social profiles so * that they don't overlap with the user activity * section */ div#user-page-left .individual-fanbox { width: 245px; }

/** * "Add this box to your userpage?" after clicking * on a user box on someone else's profile */ div.fanbox-pop-up-box-profile { width: 181px; }

/** * "You have successfully added this userbox to your userpage." * after adding a user box via someone else's profile */ div.show-addremove-message-half { width: 180px; }

/** * Why won't this work when combined with the above rule??? * Why do I have to resort to a pixel-based fixed width? */ div#create-tagcloud { width: 500px !important; }

/** * Miscellaneous hacky fixes for the image uploading * functionality */ div.create-fanbox-image iframe { width: 495px; }

/* Nope, it won't work. Stupid iframe... input#wpUploadFile { width: 330px; }

/** * LinkFilter * "About the Submitter" box on individual Link: pages * TODO FIXME: this doesn't scale like at all. This only * works with the English default text, and even * with that, barely. div.link-left-units { width: 100px; }

/** PollNY */ div.create-poll-top { width: auto; }

/** @todo FIXME: image upload iframe (once again...) */

/** SportsTeams/UserStatus */ span.top-fan-num, /* Special:TopUsers (a part of core SocialProfile) */ span.network-number, /* Special:TopNetworks */ div.view-poll-number /* Special:ViewPoll */ { color: #000; }

/* Special:TopNetworks */ span.network-number { /* tone it down by 100px */ width: 300px !important; }

/* This is pretty damn unholy... */ div.top-networks-navigation { width: 120px; }

div.network-row { margin-left: -75px; }

/* Special:UpdateFavoriteTeams */ p.profile-update-unit { width: auto; }

/* Special:UpdateFavoriteTeams & Special:UpdateProfile */ div.profile-tab { margin-bottom: 5px; }