From RuneGlory
Jump to: navigation, search
(Blanked the page)
Line 1: Line 1:
@import url(https://fonts.googleapis.com/css?family=Signika:400,600);
 
  
html {
 
height: initial;
 
}
 
 
body {
 
width: 90%;
 
max-width: 1200px;
 
min-width: 800px;
 
margin: auto;
 
font-family: 'Signika', sans-serif;
 
background-image: url(https://www.grinderscape.org/assets/images/background.png);
 
}
 
 
body::-webkit-scrollbar {
 
width: 10px;
 
height: 10px;
 
}
 
 
body::-webkit-scrollbar-track {
 
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 
background-color: #1E1E1D;
 
}
 
 
body::-webkit-scrollbar-thumb {
 
background-color: #417394;
 
border-radius: 10px;
 
}
 
 
body::-webkit-scrollbar-thumb:hover {
 
background-color: #060606;
 
}
 
 
div#mw-page-base {
 
position: absolute;
 
top: 122px;
 
left: 0px;
 
width: 100%;
 
min-width: 800px;
 
height: 46px;
 
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);
 
}
 
 
div#mw-head-base {
 
background-image: none;
 
height: 0px;
 
margin-top: 198px;
 
}
 
 
div#mw-head {
 
width: 90%;
 
max-width: 1200px;
 
min-width: 800px;
 
margin: auto;
 
font-weight: bold;
 
left: 0;
 
top: 456px;
 
}
 
 
div#p-personal {
 
top: -228px;
 
background: linear-gradient(rgba(31, 42, 53, 0.5), rgba(31, 42, 53, 0.5)), url(https://www.grinderscape.org/assets/images/background.png);
 
right: 30px;
 
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
 
}
 
 
#p-personal h5 {
 
display: none;
 
}
 
 
#p-personal ul {
 
display: flex;
 
padding: 0px;
 
}
 
 
#p-personal ul li {
 
line-height: 16px;
 
margin: 15px;
 
}
 
 
#pt-userpage, #pt-anonuserpage, #pt-login {
 
background: url();
 
padding-left: 0px!important;
 
}
 
 
#pt-anonuserpage, #pt-anontalk {
 
display: none;
 
}
 
 
div#left-navigation {
 
left: 30px;
 
right: 30px;
 
top: initial;
 
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 {
 
background: none;
 
padding-left: 0px;
 
height: initial;
 
}
 
 
div.vectorTabs ul {
 
background: none;
 
}
 
 
div.vectorTabs ul li {
 
background: none;
 
display: flex;
 
}
 
 
div.vectorTabs ul li a {
 
height: initial;
 
padding: 0px;
 
margin: 15px;
 
font-size: 12px;
 
line-height: 16px;
 
}
 
 
div.vectorTabs ul li.selected {
 
background: linear-gradient(rgba(43, 55, 64, 0.5), rgba(43, 55, 64, 0.5)), url(https://www.grinderscape.org/assets/images/background.png);
 
}
 
 
div.vectorTabs span {
 
background: none;
 
}
 
 
div#right-navigation {
 
margin-top: 0px;
 
right: 30px;
 
position: absolute;
 
}
 
 
div.vectorMenu {
 
background: url(https://i.imgur.com/PyfS9Qt.png) no-repeat center;
 
}
 
 
div#mw-head div.vectorMenu > h5 {
 
margin-left: 0px;
 
}
 
 
div.vectorMenu h5 a {
 
background-image: none;
 
height: 46px;
 
width: 46px;
 
}
 
 
div.vectorMenu h5 a:hover {
 
background-color: rgba(255, 255, 255, 0.03);
 
}
 
 
div.vectorMenu ul {
 
background-image: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
 
right: 0px;
 
border: none;
 
z-index: 1;
 
}
 
 
div.vectorMenu li a {
 
padding: 4px 12px;
 
font-size: 12px;
 
}
 
 
div.vectorMenu li a:hover {
 
background-color: rgba(255, 255, 255, 0.03);
 
color: rgb(190, 190, 190)!important;
 
}
 
 
div#p-search {
 
margin: 0px 0px 0px 767px;
 
position: fixed;
 
top: 0;
 
z-index: 2;
 
}
 
 
form#searchform {
 
margin: 0px;
 
}
 
 
form#searchform div {
 
display: table;
 
}
 
 
input#searchInput {
 
padding: 4px 40px 4px 12px;
 
margin: 5px 0px;
 
color: #696969;
 
font-size: 12px;
 
width: 203px;
 
line-height: 16px;
 
background: rgba(0, 0, 0, 0);
 
border: none;
 
border-top: 1px solid rgb(44,50,54);
 
border-bottom: 1px solid rgb(44, 50, 54);
 
border-radius: 4px;
 
box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
 
}
 
 
input#searchInput:focus {
 
outline: none;
 
}
 
 
input#searchGoButton {
 
background: url(https://i.imgur.com/Qq4U6Y7.png) no-repeat center;
 
border: none;
 
border-top: 1px solid transparent;
 
border-bottom: 1px solid transparent;
 
padding: 4px 12px;
 
margin: 5px 0px 5px -40px;
 
cursor: pointer;
 
font-weight: bold;
 
color: transparent;
 
line-height: 16px;
 
font-size: 12px;
 
}
 
 
input#searchGoButton:focus {
 
outline: none;
 
}
 
 
input#mw-searchButton {
 
display: none;
 
}
 
 
div#mw-panel {
 
right: 0;
 
margin: 0px auto;
 
width: 90%;
 
max-width: 1200px;
 
min-width: 800px;
 
top: 0px;
 
padding: 0px;
 
}
 
 
#p-logo {
 
top: 0px;
 
height: 122px;
 
width: 100%;
 
}
 
 
#p-logo a {
 
height: 62px;
 
width: 240px;
 
margin: 30px auto;
 
background-image: url(https://i.imgur.com/zZHHFgp.png)!important;
 
}
 
 
div#mw-panel div.portal {
 
padding: 122px 0px 0px;
 
font-weight: bold;
 
}
 
 
div#mw-panel div.portal h5 {
 
display: none;
 
}
 
 
div#mw-panel div.portal div.body {
 
margin: 0px;
 
padding: 0px;
 
background-image: none;
 
}
 
 
div#mw-panel div.portal div.body ul {
 
display: flex;
 
justify-content: center;
 
}
 
 
div#mw-panel div.portal div.body ul li {
 
line-height: 16px;
 
padding: 0px;
 
display: flex;
 
}
 
 
div#mw-panel div.portal div.body ul li a {
 
margin: 15px;
 
}
 
 
div#mw-panel div#p-tb {
 
display: none;
 
}
 
 
div#content {
 
margin: 0px 0px 30px;
 
background-image: none;
 
padding: 106px 30px 30px;
 
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);
 
}
 
 
div#mw-js-message {
 
border: none;
 
margin: 0px;
 
text-align: center;
 
color: #696969;
 
font-size: 12px;
 
margin-bottom: 30px;
 
padding: 15px 10px;
 
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
 
background-image: linear-gradient(rgba(0, 134, 255, 0.06),rgba(0, 134, 255, 0.06) 150%),url(https://i.imgur.com/WjtyEVA.png);
 
}
 
 
div#mw-js-message p {
 
padding: 0px;
 
}
 
 
div#localNotice {
 
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: 0px 0px 5px rgba(0,0,0,0.7);
 
margin-bottom: 30px;
 
color: #696969;
 
font-weight: bold;
 
}
 
 
h1#firstHeading {
 
margin: 0px;
 
border-bottom: none;
 
padding: 15px;
 
color: #696969;
 
font-weight: bold;
 
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
 
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#bodyContent {
 
font-size: 12px;
 
line-height: 16px;
 
padding: 46px 0px 15px;
 
text-align: justify;
 
color: #696969;
 
margin-top: 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: 0px 0px 5px rgba(0, 0, 0, 0.7);
 
}
 
 
#contentSub, #contentSub2 {
 
padding: 7.5px 30px;
 
margin: 0px;
 
font-size: 12px;
 
line-height: 16px;
 
}
 
 
div#mw-content-text {
 
padding: 0px 30px;
 
}
 
 
 
 
 
 
/* FOOTER */
 
 
div#footer {
 
margin: 0px;
 
padding: 0px;
 
background-image: url();
 
}
 
 
div#footer #footer-info li {
 
padding: 0px;
 
font-size: 12px;
 
color: #696969;
 
}
 
 
div#footer #footer-info div.custom_footer {
 
margin-top: 30px;
 
padding: 30px 0px;
 
position: absolute;
 
min-width: 800px;
 
left: 0px;
 
right: 0px;
 
text-align: center;
 
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);
 
}
 
 
div#footer #footer-info div.custom_footer table {
 
border-spacing: 20px 0px;
 
margin: 0px auto;
 
}
 
 
div#footer #footer-info div.custom_footer table td {
 
padding: 0px!important;
 
width: 24px;
 
height: 24px;
 
margin: 0px 10px!important;
 
}
 
 
div#footer #footer-info div.custom_footer table td a {
 
display: flex;
 
height: 24px;
 
font-size: 0px;
 
color: transparent!important;
 
}
 
 
div#footer #footer-info div.custom_footer table td.facebook a {
 
background-image: url(https://i.imgur.com/OBC4i0q.png)!important;
 
}
 
 
div#footer #footer-info div.custom_footer table td.twitter a {
 
background-image: url(https://i.imgur.com/bjpeuTi.png)!important;
 
}
 
 
div#footer #footer-info div.custom_footer table td.youtube a {
 
background-image: url(https://i.imgur.com/DpLZuTY.png)!important;
 
}
 
 
div#footer #footer-info div.custom_footer table td a:hover {
 
opacity: 0.5;
 
}
 
 
div#footer #footer-info div.custom_footer p {
 
padding: 30px 0px 0px;
 
}
 
 
div#footer #footer-icons, div#footer ul#footer-places {
 
display: none;
 
}
 
 
 
 
 
 
/* LINKS */
 
 
a {
 
color: #A9A9A9!important;
 
text-decoration: none!important;
 
}
 
 
a.new {
 
color: rgb(158, 65, 65)!important;
 
}
 
 
#p-personal a.new {
 
color: rgb(190, 190, 190)!important;
 
}
 
 
a:hover {
 
color: #696969!important;
 
}
 
 
a.external {
 
background-image: none!important;
 
padding: 0px!important;
 
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
p {
 
  margin: 0px;
 
  line-height: 16px;
 
  padding: 15px 0px;
 
}
 
 
pre {
 
  margin: 15px 0px;
 
  padding: 15px;
 
  line-height: 16px;
 
  white-space: pre-line;
 
  color: #696969;
 
  border: 0px;
 
  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: 0px 0px 5px rgba(0,0,0,0.7);
 
  font-family: sans-serif;
 
  font-style: italic;
 
}
 
 
img {
 
  vertical-align: baseline;
 
  max-width: 90%;
 
  padding: 10px 0px;
 
}
 
 
.border {
 
  padding: 10px 0px;
 
}
 
 
.border img {
 
  padding: 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);
 
}
 
 
div#bodyContent ul, div#bodyContent ol {
 
  margin: 0px!important;
 
  padding: 10px 0px 10px 30px!important;
 
  list-style-image: initial;
 
  list-style-position: inside;
 
}
 
 
div#bodyContent li {
 
  margin: 0px;
 
  padding: 5px 0px;
 
  line-height: 16px;
 
}
 
 
h1, h2, h3, h4, h5, h6 {
 
  margin-bottom: 0px;
 
  padding: 20px 0px 0px;
 
  border-bottom: none;
 
  font-weight: normal;
 
  font-size: 12px!important;
 
  line-height: 16px!important;
 
  margin-bottom: 10px;
 
}
 
 
h1, h2 {
 
  color: #DC6507;
 
  padding-bottom: 5px;
 
  margin-bottom: 10px;
 
  border-bottom: 1px solid #2F2F2F;
 
  box-shadow: inset 0px -1px #151515;
 
}
 
 
h3 {
 
  color: #5C839A;
 
}
 
 
h4, h5, h6 {
 
  color: #C4B08F;
 
}
 
 
span.editsection {
 
  line-height: 0px;
 
  float: left!important;
 
  margin: 0px 5px 0px 0px;
 
  font-size: 0px;
 
}
 
 
  span.editsection a {
 
    line-height: 16px;
 
    display: flex;
 
    background: url(https://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/pencil-button-icon.png) no-repeat center;
 
    width: 16px;
 
  }
 
 
.toc, #toc {
 
  display: none;
 
}
 
 
hr {
 
  margin: 10px 0px;
 
  border-top: 1px solid #151515;
 
  border-bottom: 1px solid #2F2F2F;
 
  height: 0px;
 
}
 
 
p.mw-ipb-conveniencelinks, p.mw-protect-editreasons, p.mw-filedelete-editreasons, p.mw-delete-editreasons, p.mw-revdel-editreasons {
 
  font-size: 12px;
 
  line-height: 16px;
 
}
 
 
.mw-warning-logempty {
 
  padding: 10px 0px;
 
}
 
 
div.mw-warning-with-logexcerpt {
 
  display: none;
 
}
 
 
code {
 
  background-color: rgba(0, 0, 0, 0.05);
 
}
 
 
.previewnote h2 {
 
  position: absolute;
 
  right: 15px;
 
  left: 15px;
 
  top: -76px;
 
  border: 0px;
 
  font-weight: bold;
 
  box-shadow: none;
 
  margin: 0px -15px;
 
  padding: 15px;
 
  color: #696969;
 
  background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
 
}
 
 
.previewnote p {
 
  display: none;
 
}
 
 
.previewnote hr {
 
  display: none;
 
}
 
 
.redirectMsg img {
 
  height: 0px;
 
}
 
 
.redirectText {
 
  font-size: 12px;
 
}
 
 
.error {
 
  font-size: 12px;
 
  color: rgb(158,65,65);
 
}
 
 
#pagehistory li {
 
  border: 0px!important;
 
}
 
 
form#editform {
 
  line-height: 0px;
 
  padding: 10px 0px;
 
}
 
 
  textarea#wpTextbox1 {
 
    border: 1px solid #000000;
 
    box-shadow: 0px 0px 0px 1px #2D2D2D;
 
    color: #696969;
 
    font-size: 12px;
 
    padding: 10px;
 
    margin: 11px 0px 11px 1px;
 
    width: 926px!important;
 
    background-color: rgba(24, 42, 62, 0.2);
 
  }
 
 
    textarea#wpTextbox1:focus {
 
      outline: none;
 
    }
 
 
  div#editpage-copywarn, span#wpSummaryLabel, input#wpSummary, .editCheckboxes {
 
    display: none;
 
  }
 
 
strong.selflink {
 
  font-weight: normal;
 
}
 
 
img#mw-editbutton-signature, img#mw-editbutton-hr {
 
  display: none;
 
}
 
 
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
 
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
 
input[type="search"]::-webkit-search-decoration,
 
input[type="search"]::-webkit-search-cancel-button,
 
input[type="search"]::-webkit-search-results-button,
 
input[type="search"]::-webkit-search-results-decoration { display: none; }
 
 
table.wikitable {
 
    margin: 15px 0px;
 
    background-color: transparent;
 
    color: #696969;
 
}
 
 
table.wikitable th {
 
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
 
}
 
 
table.wikitable th, table.wikitable td {
 
    border: 1px solid #10161B!important;
 
    padding: 15px!important;
 
}
 
 
 
 
 
/* SPECIFIC PAGES */
 
 
.index {
 
width: 100%;
 
display: table;
 
}
 
 
.index .index_box {
 
width: 48%;
 
margin: 15px 0px;
 
display: inline-block;
 
position: relative;
 
box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
 
}
 
 
.index .index_box:nth-child(odd) {
 
margin-right: 4%;
 
}
 
 
.index .index_box .title {
 
display: flex;
 
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 .index_box .icon {
 
padding: 5px 0px 5px 15px;
 
width: 36px;
 
text-align: center;
 
}
 
 
.index .index_box #none {
 
display: none;
 
}
 
 
.index .index_box .icon img {
 
padding: 0px;
 
height: 36px;
 
max-width: 36px;
 
vertical-align: middle;
 
}
 
 
.index .index_box .link {
 
font-weight: bold;
 
padding: 15px;
 
}
 
 
.index .index_box .text {
 
padding: 15px;
 
}
 
 
.index .index_box .text a {
 
display: flex;
 
height: 100%;
 
font-size: 0px;
 
}
 
 
.index .index_box div#in-game {
 
padding: 0px;
 
background: url(https://i.imgur.com/mLudboC.png) center;
 
height: 120px;
 
opacity: 0.6;
 
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.7);
 
transition: 1000ms;
 
}
 
 
.index .index_box div#forums {
 
padding: 0px;
 
background: url(https://i.imgur.com/hynVrnq.png) center;
 
height: 120px;
 
opacity: 0.6;
 
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.7);
 
transition: 1000ms;
 
}
 
 
.index .index_box div#support_centre {
 
padding: 0px;
 
background: url(https://i.imgur.com/kVh80Nt.png) center;
 
height: 120px;
 
opacity: 0.6;
 
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.7);
 
transition: 1000ms;
 
}
 
 
.index .index_box div#in-game:hover, .index .index_box div#forums:hover, .index .index_box div#support_centre:hover {
 
opacity: 1;
 
}
 
 
.index .index_box .ribbon {
 
position: absolute;
 
right: -5px;
 
top: -5px;
 
z-index: 1;
 
overflow: hidden;
 
width: 75px;
 
height: 75px;
 
text-align: right;
 
}
 
 
.index .index_box .ribbon span {
 
color: #A9A9A9;
 
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 
text-transform: uppercase;
 
font-family: monospace;
 
text-align: center;
 
font-weight: bold;
 
line-height: 20px;
 
transform: rotate(45deg);
 
-webkit-transform: rotate(45deg);
 
width: 100px;
 
background-color: #27435F;
 
position: absolute;
 
top: 19px;
 
right: -21px;
 
}
 
 
.index .index_box .ribbon span::before {
 
content: '';
 
position: absolute;
 
left: 0px;
 
top: 100%;
 
border-left: 3px solid #1D2F42;
 
border-right: 3px solid transparent;
 
border-bottom: 3px solid transparent;
 
border-top: 3px solid #1D2F42;
 
}
 
 
.index .index_box .ribbon span::after{
 
content: '';
 
position: absolute;
 
right: 0%;
 
top: 100%;
 
border-right: 3px solid #1D2F42;
 
border-left: 3px solid transparent;
 
border-bottom: 3px solid transparent;
 
border-top: 3px solid #1D2F42;
 
}
 
 
div#index span {
 
background-color: #3D4A3D;
 
}
 
 
div#index span::before {
 
border-left: 3px solid #293329;
 
border-top: 3px solid #293329;
 
}
 
 
div#index span::after {
 
border-right: 3px solid #293329;
 
border-top: 3px solid #293329;
 
}
 
 
div#external span {
 
background-color: #5F3663;
 
}
 
 
div#external span::before {
 
border-left: 3px solid #412344;
 
border-top: 3px solid #412344;
 
}
 
 
div#external span::after {
 
border-right: 3px solid #412344;
 
border-top: 3px solid #412344;
 
}
 
 
div#new span {
 
background-color: #863030;
 
}
 
 
div#new span::before {
 
border-left: 3px solid #632020;
 
border-top: 3px solid #632020;
 
}
 
 
div#new span::after {
 
border-right: 3px solid #632020;
 
border-top: 3px solid #632020;
 
}
 
 
div#popular span {
 
background-color: #27435F;
 
}
 
 
div#popular span::before {
 
border-left: 3px solid #1D2F42;
 
border-top: 3px solid #1D2F42;
 
}
 
 
div#popular span::after {
 
border-right: 3px solid #1D2F42;
 
border-top: 3px solid #1D2F42;
 
}
 
 
div#bodyContent ul.breadcrumb {
 
position: absolute;
 
width: 100%;
 
top: -76px;
 
left: 0px;
 
display: flex;
 
font-weight: bold;
 
list-style: none;
 
padding: 15px 0px!important;
 
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#bodyContent ul.breadcrumb li {
 
margin: 0px 15px;
 
padding: 0px;
 
}
 
 
div#bodyContent ul.breadcrumb li.arrow {
 
margin: 0px;
 
line-height: 13px;
 
cursor: default;
 
}
 
 
div#bodyContent ul.breadcrumb li.arrow::before {
 
content: "›";
 
}
 
 
.store {
 
width: 482px;
 
height: 272px;
 
padding: 59px 0px 15px 18px;
 
}
 
 
div#seasonal_voting_store {
 
background: url(https://i.imgur.com/QU2bNTI.png) no-repeat 0px 15px;
 
}
 
 
.store .item {
 
float: left;
 
margin: 0px 3px 10px 0px;
 
}
 
 
.store .item:hover {
 
opacity: 0;
 
}
 
 
.store .item span {
 
display: flex;
 
}
 
 
.store .item span img {
 
padding: 0px;
 
max-width: 100%;
 
}
 
 
.mw-body {
 
border: none;
 
}
 

Revision as of 11:25, 19 March 2016