Difference between revisions of "MediaWiki:Common.css"

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