We do our best to give you all information you need. Use the Search menu to search for the page you are looking for. The most used pages are on the side menu or in the Popular Pages page.

Do you miss important stuff or do you have suggestions? Let us know via Discord or in-game. Thank you for using our Wiki!

Difference between revisions of "MediaWiki:Common.css"

From GrinderScape Wiki
Jump to: navigation, search
Line 1: Line 1:
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
+
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700);
  
 
body {
 
body {
 
     background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
 
     background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
 
     font-family: Open Sans, sans-serif;
 
     font-family: Open Sans, sans-serif;
     font-size: 13px;
+
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
 
     color: #909090;
 
     color: #909090;
Line 11: Line 11:
 
p {
 
p {
 
     line-height: 20px;
 
     line-height: 20px;
     font-size: 13px;
+
     font-size: 12px;
 
     margin: 0px;
 
     margin: 0px;
 
     color: #909090;
 
     color: #909090;
Line 21: Line 21:
  
 
a {
 
a {
     color: #4D984E!important;
+
     color: #298FBC!important;
 
     text-decoration: none!important;
 
     text-decoration: none!important;
 
}
 
}
Line 80: Line 80:
 
   nav ul li {
 
   nav ul li {
 
     line-height: 20px;
 
     line-height: 20px;
     font-size: 13px;
+
     font-size: 12px;
 
     margin: 0;
 
     margin: 0;
 
     text-transform: capitalize;
 
     text-transform: capitalize;
Line 128: Line 128:
 
     float: initial;
 
     float: initial;
 
     margin: 0;
 
     margin: 0;
     font-size: 13px;
+
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
 
     display: inline-block;
 
     display: inline-block;
Line 171: Line 171:
  
 
     div#mw-panel div.portal h3 {
 
     div#mw-panel div.portal h3 {
     font-size: 13px;
+
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
 
     background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
     background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
Line 186: Line 186:
 
     div#mw-panel div.portal div.body ul li {
 
     div#mw-panel div.portal div.body ul li {
 
     line-height: 20px;
 
     line-height: 20px;
     font-size: 13px;
+
     font-size: 12px;
 
     padding: 0;
 
     padding: 0;
 
     display: flex;
 
     display: flex;
Line 209: Line 209:
 
     background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
     background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
 
     padding: 10px;
 
     padding: 10px;
     font-size: 13px;
+
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
 
     margin: 0;
 
     margin: 0;
Line 281: Line 281:
  
 
           div.vectorTabs li a {
 
           div.vectorTabs li a {
     font-size: 13px;
+
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
 
     padding: 10px;
 
     padding: 10px;

Revision as of 19:44, 20 March 2016

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700);

body {
    background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #909090;
}

p {
    line-height: 20px;
    font-size: 12px;
    margin: 0px;
    color: #909090;
}

b {
    color: #CBCBCB;
}

a {
    color: #298FBC!important;
    text-decoration: none!important;
}

a:hover {
    color: #909090!important;
}

div#index {
    margin-bottom: 30px;
    background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png)!important;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

 .index-title {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
    padding: 10px;
}

 .index-item {
    display: flex;
    padding: 10px;
    border-top: 1px solid #151A1E;
    cursor: pointer;
}

  .index-item:hover {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}

   .index-item:hover a {
    color: #909090!important;
}

  .index-item img {
    max-width: 40px;
    max-height: 40px;
    margin-right: 10px;
}





nav {
    height: 40px;
    background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png)!important;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

 nav ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    text-align: center;
}

  nav ul li {
    line-height: 20px;
    font-size: 12px;
    margin: 0;
    text-transform: capitalize;
    display: inline-flex;
}

   nav ul li a {
    padding: 10px;
    border-right: 1px solid #151A1E;
}

   nav ul li:first-child a {
    border-left: 1px solid #151A1E;
}

    nav ul li a:hover {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}

div#wrap {
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
    max-width: 1200px;
    min-width: 1200px;
    margin: 30px auto;
    padding: 30px 30px 0 30px;
}

 div#mw-head {
    position: initial;
}

  div#p-personal {
    position: initial;
    text-align: right;
    padding-bottom: 30px;
}

   #p-personal ul {
    padding: 0;
    display: inline-block;
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

    #p-personal ul li {
    float: initial;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    padding: 10px!important;
    background: none;
}

 div#siteNotice {
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
    padding: 10px;
    margin-bottom: 30px!important;
    text-align: center;
}

  div#localNotice {
    margin-bottom: 0;
}

 div#content-sidebar-wrap {
    display: flex;
}

  div#mw-panel {
    position: initial;
    width: 20%;
    padding: 0px 30px 0px 0px;
    box-sizing: border-box;
}

   div#p-logo {
    display: none;
}

   div#mw-panel div.portal {
    background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png )!important;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

    div#mw-panel div.portal h3 {
    font-size: 12px;
    line-height: 20px;
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
    padding: 10px;
    cursor: initial;
    display: block!important;
    color: #909090;
}

    div#mw-panel div.portal div.body {
    margin: 0!important;
}

     div#mw-panel div.portal div.body ul li {
    line-height: 20px;
    font-size: 12px;
    padding: 0;
    display: flex;
}

      div#mw-panel div.portal div.body ul li a {
    padding: 10px;
    border-top: 1px solid #151A1E;
    width: 100%;
}

       div#mw-panel div.portal div.body ul li a:hover {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}

  div#content-wrap {
    width: 80%;
    box-sizing: border-box;
}

   #contentSub, #contentSub2 {
    background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
    padding: 10px;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    color: #909090;
    border-bottom: 1px solid #151A1E;
}

   div#content-contentSub-wrap {
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
    margin-bottom: 30px;
}

    div#navigation {
    display: flex;
    position: relative;
    margin-bottom: 30px;
    background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}

     div#left-navigation {
    margin: 0;
}

      div#left-navigation li {
    border-right: 1px solid #151A1E;
}

     div#right-navigation {
    position: absolute;
    right: 0;
    margin: 0;
}

       div#right-navigation li {
    border-left: 1px solid #151A1E;
}


      div.vectorTabs {
    background: none;
    padding: 0;
    height: initial;
}

       div.vectorTabs ul {
    background: none;
}

        div.vectorTabs ul li {
    background: none;
    font-size: 0;
}

         div.vectorTabs ul li:hover {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}

        div.vectorTabs li.selected {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}

         div.vectorTabs li.selected a {
    color: #909090!important;
    cursor: initial;
}

         div.vectorTabs span {
    background: none;
}

          div.vectorTabs li a {
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
    height: initial;
}

    div#content {
    margin: 0;
    border: 0;
    background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
}

     h1#firstHeading {
    display: none;
}

    ul#footer-info {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 10px;
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
    border-top: 1px solid #151A1E;
}

     ul#footer-info li {
    margin: 0;
}

div#footer {
    margin: 0;
    padding: 0;
}

 div#customFooter {
    margin: 0;
    background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
    margin-top: 30px;
    padding: 30px;
    text-align: center;
}

ul#footer-places, ul#footer-icons {
    display: none;
}