From RuneGlory
Jump to: navigation, search
(Created page with "@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; f...")
(No difference)

Revision as of 14:07, 18 March 2016

@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(http://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(http://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(http://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(http://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(http://i.imgur.com/OBC4i0q.png)!important;
					}

					div#footer #footer-info div.custom_footer table td.twitter a {
						background-image: url(http://i.imgur.com/bjpeuTi.png)!important;
					}

					div#footer #footer-info div.custom_footer table td.youtube a {
						background-image: url(http://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(http://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(http://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(http://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(http://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(http://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%;
		}
Retrieved from "https://wiki.runeglory.com/index.php?title=MediaWiki:Common.css&oldid=4"