MediaWiki: Tweeki.css

From OC Systems Wiki!
Revision as of 02:05, 6 May 2019 by WikiVisor (talk | contribs) (Styles for imported guides)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#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;
}