User:Spectrazzz/common.css

From GRAY RAVENS

Note: After publishing, 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: Press Ctrl-F5.
/* CSS placed here will only be applied to User:Spectrazzz */

@media only screen and (min-width: 850px) {
#catlinks div {
    display: none !important;
}
}




/* CSS For No History Tabber (Template:Tab) */
.no-history-tabber-panel .oo-ui-optionWidget {
  color: black;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: 700;
  padding: 3px .5em;
}
.no-history-tabber-panel .oo-ui-optionWidget:hover {
  background-color: #e4e4e4 !important;
}
.no-history-tabber-panel .oo-ui-optionWidget.oo-ui-widget-enabled {
  border: 1px solid #e0e0e0;
}
.no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  border: 1px solid black;
  cursor: pointer;
}
.no-history-tabber-panel .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
  border: 0 !important;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.no-history-tabber-panel .oo-ui-tabSelectWidget-framed {
    background-color: inherit;
}

.no-history-tabber-panel .oo-ui-optionWidget {
  color: black;
  font-family: 'Lato',sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  padding: 3px .5em;
  background: linear-gradient(to right, #d7e9fb 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .25s ease-out;
}
.no-history-tabber-panel .oo-ui-optionWidget:hover {
  background-position: left bottom;
}
.no-history-tabber-panel .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  border: 1px solid #000;
}
/* End of No History Tabber CSS*/





/* JS Tab System, Jacked and Hacked from the jsprefs in monobook/main.css -Dantman */
/*.tabtoc {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
 
.tabtoc li {
	background-color: #f0f0f0;
	color: #000;
}
 
.tabtoc li {
	margin: 1px -2px 1px 2px;
	float: left;
	padding: 2px 0 3px 0;
	border: 1px solid #fff;
	border-right-color: #716f64;
	border-bottom: 0;
	position: relative;
	white-space: nowrap;
	list-style-type: none;
	list-style-image: none;
	z-index: 3;
}
 
.tabtoc li.selected {
	font-weight: bold;
	background-color: #f9f9f9;
	border: 1px solid #aaa;
	border-bottom: none;
	cursor: default;
	top: 1px;
	padding-top: 2px;
	margin-right: -3px;
}
 
.tabtoc > li.selected {
	top: 2px;
}
 
.tabtoc a,
.tabtoc a:active {
	display: block;
	color: #000;
	padding: 0 .7em;
	position: relative;
	text-decoration: none;
}
 
.tabtoc li.selected a {
	cursor: default;
	text-decoration: none;
}
 
.tabcontainer {
	margin: 0;
	border: 1px solid #aaa;
	clear: both;
	padding: 1.5em;
	background-color: #F9F9F9;
}
 
 
.tabsection {
	border: none;
	padding: 0;
	margin: 0;
}
 
.tabsection .tabbox {
	border: 1px solid #aaa;
	float: left;
	margin-right: 2em;
}
 
.tabsection .tab {
	font-weight: bold;
}
 
.tabsection table, .tabsection .tab {
	background-color: #F9F9F9;
}
 
.mainTab {
	display: none;
}*/