User:Chiyansama/common.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. * V…”)
 
(清空全部内容)
标签清空
第1行: 第1行:
/**
* 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%;
}
#super-super-wrapper,
#super-wrapper,
#wrapper {
min-height: 100%;
}
#wrapper {
padding: 0 0 127px 0;
position:relative;
}
#page {
background: url(images/ornaments-ltr.png) no-repeat 0 0;
display: block;
margin: 0 auto;
padding: 96px 0 0 0;
width: 978px;
}
#main {
/* @embed */
background: url(images/page-ltr.gif) repeat-y 0 0;
border-radius: 3px;
margin: 0 auto;
position: relative;
width: 870px;
}
#primary {
float: right;
margin: 0 0 0 -282px;
width: 100%;
}
#content {
margin: 0 0 0 282px;
}
#main .widget-area {
float: left;
padding: 71px 30px 30px;
width: 222px;
}
#colophon {
bottom: 0;
clear: both;
display: block;
position: absolute;
width: 100%;
}

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

/* Global */

#super-super-wrapper {
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) ) );
}
#super-wrapper {
background: url(images/texture.png) repeat-x 0 0;
background-attachment: fixed;
}
#wrapper {
/* @embed */
background: url(images/ornaments-bottom.png) no-repeat center bottom;
}
#main {
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;
}

/* 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 */
}
#searchform label {
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%;
}
#primary input#searchInput {
/* @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;
}


/* Header */

#branding hgroup {
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;
}

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


/* 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;
}
#content nav {
display: block;
float: right;
font-size: 10px;
font-weight: bold;
margin: 0;
overflow: hidden;
text-align: right;
text-transform: uppercase;
}

#content nav:last-child {
border-bottom-right-radius: 3px;
}

.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 */
#colophon {
background-color: #0b0e18;
font-size: 11px;
line-height: 2;
padding: 11px 0;
}
#site-generator {
color: #777;
margin: 0 auto;
text-align: center; /* ashley */
width: 810px;
}

/** 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 */
#searchGoButton {
margin-right: 5px;
}

/* 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 */
#reportProblem input[type="text"], #reportProblem textarea, #reportProblem select {
padding: inherit !important;
}

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

2023年4月3日 (一) 16:28的版本