Difference between revisions of "MediaWiki: Tweeki.css"
From OC Systems Wiki!
(Styles for imported guides) |
|||
Line 77: | Line 77: | ||
font-size: 3em; | font-size: 3em; | ||
} | } | ||
+ | } | ||
+ | |||
+ | .ns-4200 span.guide, | ||
+ | .ns-4100 span.namespace { | ||
+ | background: #d78b36; | ||
} | } | ||
.ns-3000 span.namespace { | .ns-3000 span.namespace { | ||
+ | background: #d75236; | ||
+ | } | ||
+ | |||
+ | .ns-3000 span.namespace, | ||
+ | .ns-4100 span.namespace, | ||
+ | .ns-4200 span.guide { | ||
float: left; | float: left; | ||
padding: 6px 16px; | padding: 6px 16px; | ||
− | |||
color: white; | color: white; | ||
font-weight: bold; | font-weight: bold; | ||
Line 89: | Line 99: | ||
display:none; | display:none; | ||
margin: 0 -30px 0 0; | margin: 0 -30px 0 0; | ||
+ | } | ||
+ | .ns-4100 .navigator:first-of-type { | ||
+ | margin-top: -3.2em !important; | ||
+ | } | ||
+ | .ns-4200 .navigator:first-of-type { | ||
+ | margin-top: -2.2em !important; | ||
+ | } | ||
+ | .ns-4100 .navigator:first-of-type, | ||
+ | .ns-4200 .navigator:first-of-type { | ||
+ | padding-bottom: 1em; | ||
+ | margin-bottom: 2em; | ||
+ | border-bottom: 2px solid #eaeaea; | ||
+ | padding-top: 1.2em; | ||
+ | background: #f0f0f0; | ||
+ | padding-left: 1.85em; | ||
+ | padding-right: 1.85em; | ||
+ | } | ||
+ | |||
+ | .ns-4100 .navigator:last-of-type, | ||
+ | .ns-4200 .navigator:last-of-type { | ||
+ | margin-top: 2em; | ||
+ | padding-bottom: 1em; | ||
+ | margin-bottom: 2em; | ||
+ | border-bottom: 2px solid #eaeaea; | ||
+ | padding-top: 1.2em; | ||
+ | background: #f0f0f0; | ||
+ | padding-left: 1.85em; | ||
+ | padding-right: 1.85em; | ||
} | } | ||
Line 100: | Line 138: | ||
@media screen and ( min-width: 420px ) { | @media screen and ( min-width: 420px ) { | ||
− | .ns-3000 span.namespace { | + | .ns-3000 span.namespace, |
+ | .ns-4100 span.namespace, | ||
+ | .ns-4200 span.guide { | ||
width: auto; | width: auto; | ||
margin: 0 -15px; | margin: 0 -15px; | ||
Line 116: | Line 156: | ||
} | } | ||
+ | body.ns-4100, | ||
+ | body.ns-4200 { | ||
+ | background: #dee2e4; | ||
+ | } | ||
+ | .ns-4100 #contentSub, .ns-4200 #contentSub { | ||
+ | font-size: 100%; | ||
+ | margin: 12px 0 1.4em 1em; | ||
+ | } | ||
.firstHeading { | .firstHeading { | ||
Line 173: | Line 221: | ||
text-align: right; | text-align: right; | ||
width: 48px; | width: 48px; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | padding: 10px 20px; | ||
+ | margin: 0 40px 20px; | ||
+ | font-size: inherit; | ||
+ | border-left: 5px solid #db8a3b; | ||
+ | font-style: italic; | ||
+ | color: firebrick; | ||
+ | } | ||
+ | |||
+ | .ns-4100 #contentSub, .ns-4200 #contentSub { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | background-color: #e3e3e3; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .guide-img-container { | ||
+ | padding: 0; | ||
+ | background: #e3e3e3; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | @media screen and ( min-width: 420px ) { | ||
+ | .guide-img-container { | ||
+ | padding: 1em 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and ( max-width: 1024px ) { | ||
+ | |||
+ | .navigator div { | ||
+ | display: block !important; | ||
+ | width: 100% !important; | ||
+ | text-align: center !important; | ||
+ | float: none; | ||
+ | } | ||
+ | .navigator div.hide { | ||
+ | display:none !important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .ns-4100 #bottom-notice, .ns-4100 #bottom-notice-ns, | ||
+ | .ns-4200 #bottom-notice, .ns-4200 #bottom-notice-ns { | ||
+ | margin-top: 0.6em; | ||
+ | margin-left: 2em; | ||
+ | color: dimgray; | ||
+ | } | ||
+ | |||
+ | div.linenumbers { | ||
+ | counter-reset: linenumber; /* Set a counter named 'section', and its initial value is 0. */ | ||
+ | padding-left: 8em; | ||
+ | } | ||
+ | |||
+ | div.linenumbers > dl > dt::before, | ||
+ | div.linenumbers > p::before, | ||
+ | div.linenumbers > div.notes > p::before, | ||
+ | div.linenumbers > ul > li::before, | ||
+ | div.linenumbers > div.mw-highlight::before { | ||
+ | color: maroon; | ||
+ | content: counter(linenumber); /* Display the value of section counter */ | ||
+ | counter-increment: linenumber; /* Increment the value of section counter by 1 */ | ||
+ | display: inline-block; | ||
+ | float:left; | ||
+ | font-size: 12px !important; | ||
+ | font-weight: normal !important; | ||
+ | margin-left: -35px; | ||
+ | } | ||
+ | |||
+ | div.linenumbers > ul > li::before { | ||
+ | margin-left: -85px; | ||
+ | } | ||
+ | |||
+ | div.linenumbers div.notes > p { | ||
+ | font-size: .85em; | ||
+ | } | ||
+ | |||
+ | div.linenumbers .mw-empty-elt { | ||
+ | content: ''; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div.linenumbers li { | ||
+ | margin-bottom: 8px; | ||
+ | margin-left: 2em; | ||
} | } |
Revision as of 02:05, 6 May 2019
#xmlimport,
#wpUploadFile {
border: none;
box-shadow: none;
margin-bottom: .5em;
padding: 0;
}
input[type="submit"], input[type="button"] {
margin: 1em .5em 1em 0;
}
.navbar-brand {
margin-left: 0;
}
#frontpage-blocks {
display: flex;
flex-flow: column;
}
#frontpage-blocks > div {
background: #e6e6e6;
padding-bottom:2em;
border:5px solid whitesmoke;
}
#frontpage-blocks .header {
text-align: center;
margin: 0px -15px;
padding: .3em;
}
#frontpage-blocks .header.products {
background: #d48645;
}
#frontpage-blocks .header.services {
background: #c87bce;
}
#frontpage-blocks .header.help {
background: rgb(119, 165, 54) none repeat scroll 0% 0%;
}
.company {
font-size: 2em;
font-weight: bold;
}
#frontpage-logo {
display: inline-block;
width: 120px;
height: 120px;
background: #e3e3e3;
line-height: 116px;
border-radius: 50%;
box-shadow: inset 2px 2px 3px #bbb;
margin: 2em auto 4em;
}
@media screen and ( min-width: 768px ) {
#frontpage-blocks {
display: flex;
flex-flow: row;
}
.company {
font-size: 4em;
}
.navbar-brand {
margin-left: -20px;
}
}
@media screen and ( min-width: 420px ) and ( max-width: 768px ) {
.company {
font-size: 3em;
}
}
.ns-4200 span.guide,
.ns-4100 span.namespace {
background: #d78b36;
}
.ns-3000 span.namespace {
background: #d75236;
}
.ns-3000 span.namespace,
.ns-4100 span.namespace,
.ns-4200 span.guide {
float: left;
padding: 6px 16px;
color: white;
font-weight: bold;
font-size: 1.3em;
width: 100%;
display:none;
margin: 0 -30px 0 0;
}
.ns-4100 .navigator:first-of-type {
margin-top: -3.2em !important;
}
.ns-4200 .navigator:first-of-type {
margin-top: -2.2em !important;
}
.ns-4100 .navigator:first-of-type,
.ns-4200 .navigator:first-of-type {
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 2px solid #eaeaea;
padding-top: 1.2em;
background: #f0f0f0;
padding-left: 1.85em;
padding-right: 1.85em;
}
.ns-4100 .navigator:last-of-type,
.ns-4200 .navigator:last-of-type {
margin-top: 2em;
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 2px solid #eaeaea;
padding-top: 1.2em;
background: #f0f0f0;
padding-left: 1.85em;
padding-right: 1.85em;
}
.firstHeading {
font-size: 30px;
}
.tweeki-username {
display: none;
}
@media screen and ( min-width: 420px ) {
.ns-3000 span.namespace,
.ns-4100 span.namespace,
.ns-4200 span.guide {
width: auto;
margin: 0 -15px;
}
.firstHeading {
font-size: 36px;
}
.tweeki-username {
display: inline-block;
}
}
body.ns-3000 {
background: #e3e3e3;
}
body.ns-4100,
body.ns-4200 {
background: #dee2e4;
}
.ns-4100 #contentSub, .ns-4200 #contentSub {
font-size: 100%;
margin: 12px 0 1.4em 1em;
}
.firstHeading {
padding-bottom: 12px;
color: #d75236;
}
.page-header {
border-bottom: 6px solid #e1e1e1;
}
[role="main"] {
background: #f6f6f6;
box-shadow: 0 3px 6px #a2a2a2;
margin-top: .5em;
padding-bottom: 4em;
}
.ns-3000 [role="main"] {
background: whitesmoke;
margin-top: .5em;
padding-bottom: 4em;
box-shadow: 0 3px 6px #bbb
}
.ns-3000 #footer {
margin-top: 0 !important;
background: #e3e3e3;
padding-top: 4em;
}
.ns-3000 .navbar-default {
background-color: #fff;
border-color: #e4e4e4;
background-image: none;
}
#mw-content-text {
padding-top: 2em;
}
.navbar-brand, .navbar-nav > li > a {
text-shadow: none;
}
.mw-highlight .lineno {
border-right: 1px solid #ddd;
/* color: #aaa; */
display: inline-block;
margin-bottom: -1em;
margin-left: -1em;
margin-right: 1em;
margin-top: -1em;
padding-bottom: 1em;
padding-top: 1em;
text-align: right;
width: 48px;
}
blockquote {
padding: 10px 20px;
margin: 0 40px 20px;
font-size: inherit;
border-left: 5px solid #db8a3b;
font-style: italic;
color: firebrick;
}
.ns-4100 #contentSub, .ns-4200 #contentSub {
display: none;
}
pre {
background-color: #e3e3e3;
border: 1px solid #ccc;
border-radius: 0;
}
.guide-img-container {
padding: 0;
background: #e3e3e3;
border: 1px solid #ccc;
}
@media screen and ( min-width: 420px ) {
.guide-img-container {
padding: 1em 0;
}
}
@media screen and ( max-width: 1024px ) {
.navigator div {
display: block !important;
width: 100% !important;
text-align: center !important;
float: none;
}
.navigator div.hide {
display:none !important
}
}
.ns-4100 #bottom-notice, .ns-4100 #bottom-notice-ns,
.ns-4200 #bottom-notice, .ns-4200 #bottom-notice-ns {
margin-top: 0.6em;
margin-left: 2em;
color: dimgray;
}
div.linenumbers {
counter-reset: linenumber; /* Set a counter named 'section', and its initial value is 0. */
padding-left: 8em;
}
div.linenumbers > dl > dt::before,
div.linenumbers > p::before,
div.linenumbers > div.notes > p::before,
div.linenumbers > ul > li::before,
div.linenumbers > div.mw-highlight::before {
color: maroon;
content: counter(linenumber); /* Display the value of section counter */
counter-increment: linenumber; /* Increment the value of section counter by 1 */
display: inline-block;
float:left;
font-size: 12px !important;
font-weight: normal !important;
margin-left: -35px;
}
div.linenumbers > ul > li::before {
margin-left: -85px;
}
div.linenumbers div.notes > p {
font-size: .85em;
}
div.linenumbers .mw-empty-elt {
content: '';
display: none;
}
div.linenumbers li {
margin-bottom: 8px;
margin-left: 2em;
}