User:Lexar/Main Page/Template:Benjas/Page.css

From Team Fortress Wiki
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.main-area  a, .main-area  a:visited, .main-area  a.external, .main-area  a.external:visited {
	color:#b96518;
	text-decoration:none;
}
.main-area a:hover {
	text-decoration:underline;
}
.clearing {
	clear:both;
	height:0px;
}
body {
	background-color:#fff !important;
}
#menu-768 {
	display:none;
}
#mobile-menu {
	display:none;
}
.wiki-box {
	border:solid #4f4945 2px;
	padding:14px 2%;
	margin: 10px -2px;
	width: 96%;
	position:relative;
	font-size:100%;
	background: url('/w/images/3/3c/User_Lexar_block_back.png') repeat-x center top #F1F1F1;
}
.wiki-box .wiki-title {
	font-family: blackoak std, arial, sans-serif;
	font-size: 18px;
	position: absolute;
	background: #fff;
	display: block;
	padding: 7px 10px;
	height: 19px;
	top: -24px;
	left: 0px;
}
.wiki-cols {
	width:100%;
	margin:0 auto;
}
.half-box {
	width:45%;
	float:left;
	margin:20px -2px 20px;
}
.half-box-footer {
	width: 100%;
	height: auto;
	border-top: #b96518 solid 1px;
	padding: 4px 0px 0px;
	text-align:center;
}
.half-box-footer a, .half-box-footer a:visited {
	font-size:12px;
	font-weight:bold;
	text-shadow:1px 2px 1px #bababa;
}
.right-box {
	float:right;
	margin-left:1%;
}
#content, #p-cactions li.selected {
	background:#999;
}
#content, #p-cactions li.selected span {
	background:none !important;
}
#content, #p-cactions li.selected span a {
	background:none !important;
}

/*header*/
#wiki-logo-area {
	float:left;
}
#wiki-logo-area img {
	max-width:100%;
	height:auto;
}
#article-count {
	font-size:85%;
	text-align:center;
	margin-top:7px;
}
#article-count a {
	font-size:inherit;
}
#header-bullets {
	float:right;
	width:40%;
	margin:10px 0px;
	min-width:480px;
}
#header-bullets ul {
	float:right;
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
#header-bullets ul li {
	float: left;
	width: 27%;
	white-space: nowrap;
	padding: 0px 3%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=') no-repeat scroll 0% 1px transparent;
	line-height: 1.5;
}
#header-bullets ul .breaker {
	clear:both;
	background:none;
	padding:0px;
	width:100%;
}
#header-bullets ul li a, #header-bullets ul li a.external {
	display:block;
	float:left;
	font-size:110%;
	font-weight:bold;
	background:none;
}
/*/header*/

/*language*/
.lang-box {
	text-align:center;
}
/*/language*/

/*network*/
.network-box {
	text-align:center;
}
.network-box .wiki-title {
	position: relative;
	display: inline;
	margin: 0px 0px;
	top: -30px;
}
.network-box span {
	float: left;
	width: 25%;
	text-align: center;
}
.network-box span a, .network-box span a:visited {
	display: inline;
	width: auto;
	background: none;
	text-align: center;
	float: none;
}
.network-box span  {
	display: block;
	font-weight: bold;
}
.network-clear {
	display:none;
}
/*/network*/


/*classes 2*/
.class-box2 {
	background: url(/w/images/4/4c/User_Lexar_nav_back_classess.png) #7E7D78 no-repeat center top;
}
.class-link-icon {
	float: left;
	display: block;
	width: 11%;
}
.class-box2 .class-link-icon a, .class-box2 .class-link-icon a:visited {
	float: left;
	width: 100%;
	text-align: center;
	color: #D4D1C9;
	font-weight: bold;
	min-width: 80px;
	display: block;
	text-decoration: none;
}
.class-box2 .class-link-icon a:hover {
	color: #E4A356;
	background-position: center -85px;
}
.class-name-icon {
	display: block;
	padding-top: 60px;
	height: 15px;
}
.scout-icon a {
	background: url('/w/images/f/fe/User_Lexar_scout.png') no-repeat center 4px;
}
.soldier-icon a {
	background: url('/w/images/e/e0/User_Lexar_solly.png') no-repeat center 4px;
}
.pyro-icon a {
	background: url('/w/images/1/1f/User_Lexar_pyro.png') no-repeat center 4px;
}
.demoman-icon a {
	background: url('/w/images/6/69/User_Lexar_demo.png') no-repeat center 4px;
}
.heavy-icon a {
	background: url('/w/images/e/e2/User_Lexar_heavy.png') no-repeat center 4px;
}
.engineer-icon a {
	background: url('/w/images/6/6c/User_Lexar_engy.png') no-repeat center 4px;
}
.medic-icon a {
	background: url('/w/images/2/2c/User_Lexar_medic.png') no-repeat center 4px;
}
.sniper-icon a {
	background: url('/w/images/e/ea/User_Lexar_sniper.png') no-repeat center 4px;
}
.spy-icon a {
	background: url('/w/images/a/a2/User_Lexar_spy.png') no-repeat center 4px;	
}
/*/classes 2*/

/*index*/
.index-box .index-link {
	display: block;
	width: 33%;
	text-align: center;
	float: left;
}
.index-link img {
	max-width:98%;
	height:auto;
}
.index-link span {
	display: block;
	font-weight: bold;
	font-size:110%;
}
.index-break {
	clear:both;
}
/*/index*/

/*updates*/
.update-half {
	width: 49%;
	float: left;
}
.update-sub-box {
	background: #D3D2D0;
	padding: 7px 10px;
	margin: 5px 0px;
	text-align: center;
	line-height: 1.5;
}
.update-sub-box div {
	text-align: center;
    font-weight: bold;
}
.update-sub-box div span {
	font-size: 110%;
}
.update-sub-box div.update-date {
	font-size: 95%;
    font-weight: lighter;
}
.wiki-cap {
	margin-left: 1%;
	text-align: center;
	margin: 5px 0px 5px 1%;
}
.wiki-cap span {
	display: block;
	margin: 20px 0px;
}
/*/updates*/

/*help table*/
.table-of-help {
	border:solid #4f4945 2px;
	margin:10px auto 30px;
	width:100%;
	background:url(img/wiki-box-back.png) #f1f1f1 repeat-x;
}
.table-left {
	float:left;
	width:70%;
	margin-right: -1px;
	border-right: 1px solid #ccc;
}
.table-right {
	float:left;
	width:30%;
}
.help-header-main {
	width: 100%;
	text-align: center;
	padding: 10px 0px;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}
.help-header-extra {
	width: 100%;
	text-align: center;
	padding: 10px 0px;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
}
.table-main {
	display: table;
	width: 100%;
}
.table-main .section-main {
	display: table-row;
}
.table-main .section-main .section-title {
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	text-align: center;
	margin-right: -1px;
	border-right: 1px solid #ccc;
	font-size:11px;
	font-weight:bold;
	border-bottom: solid 1px #ccc;
}
.table-main .section-main a, .table-main .section-main a:visited {
	font-size:11px;
}
.table-main .section-main .row-group {
	display: table-cell;
}
.table-main .section-row{
	padding: 0px;
	display: table;
	width: 100%;
	text-align: left;
	border-bottom: solid 1px #ccc;
	min-height: 27px;
	vertical-align: middle;
	line-height:1.5;
}
.table-main .section-row .section-subtitle {
	display: table-cell;
	padding: 4px 13px;
	text-align: right;
	width:25%;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
}
.table-main .section-row .section-cell {
	display:table-cell;
	vertical-align:middle;
	padding:5px 10px;
	font-size:11px;
}
.quicklinks {
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.35;
}
.quicklinks p {
	margin:0px;
}
.table-of-help .table-right a, .table-of-help .table-right a:visited {
	font-size:13px;
}
/*/help-table*/

@media screen and (max-width : 1070px) {
	#wiki-logo-area,
	#header-bullets  {
		width:100%;
		text-align:center;
		margin:0 auto;
		float:none;
	}
	#header-bullets {
		margin-top:10px;
		min-width:inherit;
	}
	#header-bullets ul li {
		display: inline-block;
		width: auto;
		float: none;
		line-height: 1;
		padding: 0px 0px 0px 10px;
		margin: 3px 0px 2px 10px;
		background-position: 0px -3px;
	}
	#header-bullets ul li a, #header-bullets ul li a.external {
		display: block;
	}
	#header-bullets ul .breaker {
		width: 100%;
		height: 0px;
		display: block;
	}
	#header-bullets ul .breaker {
		display:none;
	}
}

@media screen and (max-width : 1000px) {
	.class-link-icon {
		min-width: 95px;
		width:33%;
		margin:10px 0px;
	}
}
@media screen and (max-width : 950px) and (min-width : 769px) {
	.half-box {
		width: 96%;
		float: none;
		margin: 30px 0px;
		margin-left: -2px;
	}
	/*help table*/
	.table-left {
		width:100%;
		border-right:none;
	}
	.table-right {
		width:100%;
	}
	.quicklinks {
		width: 50%;
		float: left;
		margin-bottom: 20px;
	}
	/*/help-table*/
}
@media screen and (max-width : 800px) and (min-width : 769px) {
	/*help table*/
	.table-left {
		border-right:none;
	}
	.table-main .section-main {
		display: block;
	}
	.table-main .section-main .section-title {
		display: block;
		border-right: 0px;
		width: 100%;
		padding: 10px 0px;
		font-size:13px;
	}
	.table-main .section-main .row-group {
		display:block;
	}
	.table-main .section-row{
		display:block;
	}
	.table-main .section-row .section-subtitle {
		display: block;
		padding: 10px 0px;
		width: 100%;
		text-align: center;
		border-bottom: solid 1px #ccc;
	}
	.table-main .section-row .section-cell {
		display: block;
		text-align: center;
		padding: 5px;
	}
	.quicklinks {
	}
	.table-of-help .table-right a, .table-of-help .table-right a:visited {
	}
	/*/help-table*/
}
@media screen and (max-width : 768px) {
	html body {
		background:#fff !important;
	}
	#mobile-menu {
		display: block;
		width: 100%;
		height: 50px;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 15;
		background: #c5922e;
		background: -moz-linear-gradient(top, #c5922e 0%, #b34b0a 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c5922e), color-stop(100%,#b34b0a));
		background: -webkit-linear-gradient(top, #c5922e 0%,#b34b0a 100%);
		background: -o-linear-gradient(top, #c5922e 0%,#b34b0a 100%);
		background: -ms-linear-gradient(top, #c5922e 0%,#b34b0a 100%);
		background: linear-gradient(to bottom, #c5922e 0%,#b34b0a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5922e', endColorstr='#b34b0a',GradientType=0 );
	}
	#mobile-menu .mobile-menu-button {
		float:left;
		width: 49px;
		height: 41px;
		margin: 4px 8px 0px 8px;
		cursor:pointer;
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') #df7c37 no-repeat 6px 7px;
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -moz-linear-gradient(top, #df7c37 0%, #edb554 100%);
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df7c37), color-stop(100%,#edb554));
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -webkit-linear-gradient(top, #df7c37 0%,#edb554 100%);
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -o-linear-gradient(top, #df7c37 0%,#edb554 100%);
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -ms-linear-gradient(top, #df7c37 0%,#edb554 100%);
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, linear-gradient(to bottom, #df7c37 0%,#edb554 100%);
		filter: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, progid:DXImageTransform.Microsoft.gradient( startColorstr='#df7c37', endColorstr='#edb554',GradientType=0 );
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	#mobile-menu.menu-down .mobile-menu-button {
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') #df7c37 no-repeat 6px 7px; /* Old browsers */
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -moz-linear-gradient(top #edb554, 0%, #df7c37 100%); /* FF3.6+ */
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edb554), color-stop(100%,#df7c37)); /* Chrome,Safari4+ */
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -webkit-linear-gradient(top, #edb554 0%,#df7c37 100%); /* Chrome10+,Safari5.1+ */
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -o-linear-gradient(top, #edb554 0%,#df7c37 100%); /* Opera 11.10+ */
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, -ms-linear-gradient(top, #edb554 0%,#df7c37 100%); /* IE10+ */
		background: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, linear-gradient(to bottom, #edb554 0%,#df7c37 100%); /* W3C */
		filter: url('/w/images/d/d3/User_Lexar_menu_button_back.png') no-repeat 6px 7px, progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb554', endColorstr='#df7c37',GradientType=0 ); /* IE6-9 */
	}
	#mobile-menu #p-search {
		background: none !important;
		margin: 10px 0px 0px !important;
		min-width: 87% !important;
		float: right;
	}
	#mobile-menu #searchform {
		float: left;
		display: block;
		height: 32px;
		width: 100%;
	}
	#mobile-menu #simpleSearch {
		float: left;
		margin: 0px;
		height:32px;
		bottom: auto !important;
		width: 100% !important;
	}
	#mobile-menu div#simpleSearch #searchInput {
			margin: 0px !important;
			height: 29px !important;
			border: solid 1px #998D82 !important;
			border-radius: 0px !important;
			color: #555 !important;
			background: #BCB3A9 !important;
			text-indent: 5px;
			font-size: 20px !important;
			width: 77% !important;
			float: left !important;
			position: relative;
	}
	#mobile-menu div#simpleSearch #searchInput::-webkit-input-placeholder,
	#mobile-menu div#simpleSearch #searchInput:-moz-placeholder,
	#mobile-menu div#simpleSearch #searchInpu::-moz-placeholdert,
	#mobile-menu div#simpleSearch #searchInput:-ms-input-placeholder {
		color:#707070 !important;
	}
	#mobile-menu div#simpleSearch #searchButton {
		width: 18% !important;
		height: 31px !important;
		float: left !important;
		margin-left: 3%;
		position: relative !important;
		background: url('/w/images/7/76/User_Lexar_search-mobile.png') center top !important;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		min-width:100px;
	}
	#mobile-menu div#simpleSearch #searchButton:hover {
		background-position:center -31px;
	}
	#mobile-menu ul {
		position: absolute;
		margin: 0px;
		top: 50px;
		left: 0px;
		background: #FAEACF;
		width: 100%;
		display:none;
	}
	#mobile-menu.menu-down #mobile-ul-main {
		display:block;
	}
	#mobile-menu ul li {
		margin:0px;
	}
	#mobile-menu ul li h3 {
		padding: 3px 4px;
		padding-left: 17px;
		font-size: 110%;
		border-bottom: solid 1px #EDB554;
		border-top: solid 1px #fff;
		margin: 0px 18px;
		background: no-repeat left 7px;
		background-image: url('/w/images/0/01/User_Lexar_menu-arrow-up.png');
	}
	#mobile-menu ul li h3 a, #mobile-menu ul li h3 a:visited {
	}
	#mobile-menu ul li span {
		font-size: 100%;
		font-weight: bold;
		color: #333;
		display: block;
	}
	#mobile-menu ul li.down h3 {
		background-image: url('/w/images/6/6b/User_Lexar_menu-arrow-down.png');
	}
	#mobile-menu ul li a {
		
	}
	#mobile-menu ul ul {
		position: relative;
		top: auto;
		left: auto;
		display: none;
		margin: 0px 18px;
		list-style: none;
		float: left;
		width: 94%;
	}
	#mobile-menu ul li.down ul {
		display:block;
	}
	#mobile-menu ul ul li {
		float: left;
		margin: 0px;
		padding: 1px 0px;
		width: 45%;
	}
	#mobile-menu ul ul li span {
		
	}
	#mobile-menu ul ul li#pt-login {
		background-position: left 6px;
	}
	#mobile-menu ul ul li#pt-userpage{    
		margin: 0px;
	    width: 45%;
	    background-position: left 15px;
	    padding: 10px 0px 0px;
	}
	#mobile-menu ul ul li#pt-notifications {
		padding: 0px;
	    width: 45%;
	    float: left;
	    margin: 6px 0px 0px;
	}
	#mobile-menu ul ul li#pt-userpage a {
		margin:0px;
	}
	#mobile-menu ul ul li#pt-login a {
		margin:0px;
	}
	#mobile-menu ul ul li a {
		font-size: 90%;
		display: block;
		margin-left: 20px;
	}
	#mobile-menu ul li#personal-side h3 {
		border-top:none;
	}
	#mobile-menu ul li#vwn-side h3 {
		border-bottom:none;
	}
	#menu-768 {
		display: block;
		position: absolute;
		padding: 4px 10px 3px;
		right: 0px;
		z-index:10;
		line-height: 1.5;
		top: 50px;
		cursor: pointer;
		background: #e5dcc9;
		background: -moz-linear-gradient(top, #e5dcc9 0%, #9e947e 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5dcc9), color-stop(100%,#9e947e));
		background: -webkit-linear-gradient(top, #e5dcc9 0%,#9e947e 100%);
		background: -ms-linear-gradient(top, #e5dcc9 0%,#9e947e 100%);
		background: linear-gradient(to bottom, #e5dcc9 0%,#9e947e 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5dcc9', endColorstr='#9e947e',GradientType=0 );
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	#menu-768 span {
		font-family: 'tf2 build', arial;
		padding-right: 22px;
		background: url('/w/images/f/fe/User_Lexar_menu_arrow.png') no-repeat right center;
	}
	#menu-768 ul {
		display: none;
		position: absolute;
		right: 0px;
		background: #333;
		top: 33px;
		margin: 0px;
		list-style: none;
		min-width: 100%;
		padding: 5px 0px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#menu-768:hover ul {
		display:block;
	}
	#menu-768 ul li {
	}
	#menu-768 ul li a, #menu-768 ul li a:visited, #menu-768 ul li a.selected, #menu-768 ul li a.selected:visited {
		display: block;
		font-size: 100%;
		font-family: sans-serif;
		color: #fff;
		white-space: nowrap;
		padding: 4px 15px;
	}
	#menu-768 ul li span {
		background: none;
		display: block;
	}
	#mw-head-base, #left-navigation, #right-navigation, #p-cactions, #p-personal {
		display:none;
	}
	#mw-page-base {
		height:160px;
		background:url(/w/images/d/d1/User_Lexar_responsive_header_back.png) repeat-x !important;
		margin-top: 50px;
	}
	body.vector-animateLayout #p-logo {
		background: none !important;
		margin-top: 50px;
	}
	#mw-panel.collapsible-nav .portal {
		display:none !important;
	}
	body div#content {
		margin-left: 0em !important;
	    position: relative;
	    z-index: 1;
		border-left: none !important;
	}
	div.vectorTabs ul li.selected {
		z-index:3;
		position:relative;
	}
	body.vector-animateLayout div#footer {
		margin-left: 0px !important;
	    z-index: 1;
	    position: relative;
	}
}
@media screen and (max-width : 600px) {
	#mobile-menu #p-search {
		min-width: 82% !important;
	}
	#mobile-menu div#simpleSearch #searchInput {
		width: 71% !important;
	}
}
@media screen and (max-width : 550px) {
	#mobile-menu ul ul li {
		width:45%;
	}
	#mobile-menu ul ul li#pt-login {
		width:40%;
	}
}
@media screen and (max-width : 500px) {
	#mobile-menu #p-search {
		min-width: 78% !important;
	}
	#mobile-menu div#simpleSearch #searchInput {
		width: 60% !important;
	}
}
@media screen and (max-width : 480px) {
	#mobile-menu #p-search {
		max-width: 50% !important;
	}
	#mobile-menu div#simpleSearch #searchInput {
		width: 47% !important;
	}
	.class-link-icon {
		width:50%;
	}
}