Welcome to the RuneGlory Wiki, where we do our best to make your life easier!

You can use the search menu on the right side of the wiki (or at the bottom if you are on mobile) to search for the page you are looking for. The most popular pages can be found on the right side of the wiki aswell (or again at the bottom if you are on mobile).

Difference between revisions of "MediaWiki:Common.css"

From RuneGlory
Jump to: navigation, search
Line 17: Line 17:
  
 
b {
 
b {
     color: #CBCBCB;
+
     color: #B8B8B8;
 
}
 
}
  
 
a {
 
a {
     color: #298FBC!important;
+
     color: #627924!important;
 
     text-decoration: none!important;
 
     text-decoration: none!important;
 
}
 
}
Line 37: Line 37:
 
  .index-title {
 
  .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);
 
     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 15px;
 
}
 
}
  
 
  .index-item {
 
  .index-item {
 
     display: flex;
 
     display: flex;
     padding: 10px;
+
     padding: 10px 15px;
 
     border-top: 1px solid #151A1E;
 
     border-top: 1px solid #151A1E;
 
     cursor: pointer;
 
     cursor: pointer;
Line 87: Line 87:
  
 
   nav ul li a {
 
   nav ul li a {
     padding: 10px;
+
     padding: 10px 15px;
 
     border-right: 1px solid #151A1E;
 
     border-right: 1px solid #151A1E;
 
}
 
}
Line 121: Line 121:
 
     padding: 0;
 
     padding: 0;
 
     display: inline-block;
 
     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 );
+
     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);
 
     box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
}
 
}
Line 131: Line 131:
 
     line-height: 20px;
 
     line-height: 20px;
 
     display: inline-block;
 
     display: inline-block;
     padding: 10px!important;
+
     padding: 10px 15px!important;
 
     background: none;
 
     background: none;
 
}
 
}
  
 
  div#siteNotice {
 
  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 );
+
     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);
 
     box-shadow: 0 0 5px rgba(0,0,0,0.7);
     padding: 10px;
+
     padding: 10px 15px;
 
     margin-bottom: 30px!important;
 
     margin-bottom: 30px!important;
 
     text-align: center;
 
     text-align: center;
Line 174: Line 174:
 
     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 );
     padding: 10px;
+
     padding: 10px 15px;
 
     cursor: initial;
 
     cursor: initial;
 
     display: block!important;
 
     display: block!important;
Line 192: Line 192:
  
 
       div#mw-panel div.portal div.body ul li a {
 
       div#mw-panel div.portal div.body ul li a {
     padding: 10px;
+
     padding: 10px 15px;
 
     border-top: 1px solid #151A1E;
 
     border-top: 1px solid #151A1E;
 
     width: 100%;
 
     width: 100%;
Line 208: Line 208:
 
   #contentSub, #contentSub2 {
 
   #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 );
 
     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 15px;
 
     font-size: 12px;
 
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
Line 283: Line 283:
 
     font-size: 12px;
 
     font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
     padding: 10px;
+
     padding: 10px 15px;
 
     height: initial;
 
     height: initial;
 
}
 
}
Line 301: Line 301:
 
     list-style-image: none;
 
     list-style-image: none;
 
     margin: 0;
 
     margin: 0;
     padding: 10px;
+
     padding: 10px 15px;
 
     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);
 
     border-top: 1px solid #151A1E;
 
     border-top: 1px solid #151A1E;

Revision as of 22:45, 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: #B8B8B8;
}

a {
    color: #627924!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 15px;
}

 .index-item {
    display: flex;
    padding: 10px 15px;
    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 15px;
    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(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);
}

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

 div#siteNotice {
    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);
    padding: 10px 15px;
    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 15px;
    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 15px;
    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 15px;
    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 15px;
    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 15px;
    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;
}