MediaWiki:Common.css

From Sudo Room
Revision as of 23:28, 11 March 2014 by Yar (talk | contribs) (annoying blinker)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

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 be applied to all skins */
table.blue_lines tr:nth-child(2n+0),tr.blue_lines:nth-child(2n+0){
  background-color: #EEEEFF;
}
table.blue_lines tr:nth-child(2n+1),tr.blue_lines:nth-child(2n+1){
  background-color: #CCCCFF;
}

/******************
   GREEN BACKGROUND
 ******************/

body {
   background-image: -webkit-gradient(linear,left top, right bottom, color-stop(0,#4e3b2e), color-stop(0.75,#c1b0af));
   background-image: -webkit-linear-gradient(left top, #4e3b2e 0%, #c1b0af 75%);
   background-image: -moz-linear-gradient(left top, #4e3b2e 0%, #c1b0af 75%);
   background-image: -ms-linear-gradient(left top, #4e3b2e 0%, #c1b0af 75%);
   background-image: -o-linear-gradient(left top, #4e3b2e 0%, #c1b0af 75%);
   background-image: linear-gradient(to bottom right, #4e3b2e 0%, #c1b0af 75%);
}

/******************
   ANNOYING BLINKER
 ******************/

.annoying {
	width: 112px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left: 5px;
	margin-right: 0px;
	padding: 10px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	text-align:center;
	color: yellow;
	border: 2px solid yellow;
	background-color: red;
	-webkit-animation: blinker 5s linear infinite;
	-moz-animation: blinker 5s linear infinite;
	-o-animation: blinker 5s linear infinite;
	animation: blinker 5s linear infinite;
}
.annoying-money {
	font-size: 30px;
	line-height: 26px;
}
@-webkit-keyframes blinker { 50% { color: red; border: 2px solid red; background-color: yellow; } }
@-moz-keyframes blinker { 50% { color: red; border: 2px solid red; background-color: yellow; } }
@-o-keyframes blinker { 50% { color: red; border: 2px solid red; background-color: yellow; } }
@keyframes blinker { 50% { color: red; border: 2px solid red; background-color: yellow; } }

/******************
   NAVBAR STYLINGS
 ******************/

#p-personal.portlet a[href] {
	 color:#ffffff;
	 text-shadow:0px 0px 3px #D04040;
}
#p-personal.portlet div.pBody ul li a {
   border: 1px solid transparent;
}

div#footer,
#p-search.portlet h3,
#p-navigation.portlet h3,
#p-tb.portlet h3,
#p-extras.portlet h3,
#p-local.portlet h3,
#p-gittip.portlet h3,
#p-calendar.portlet h3 {
	 display:none;
	 visibility:hidden;
}
div.portlet div.pBody{
	 padding:0px;
	 margin:0px;
	 background-color: transparent;
	 border:0px;
}
div.portlet div.pBody ul{
	 list-style:none outside none;
	 margin:0px;
	 margin-left:4px;
	 padding:0px;
}
div.portlet div.pBody ul li {
	 margin-bottom: 3px;
	 overflow:hidden;
	 white-space:nowrap;
	 border:1px solid transparent;
}
div.portlet div.pBody ul li:hover,
div.portlet div.pBody ul li a:hover {
	 background-color:#eebbbb;
	 border:1px solid white;
}
#p-gittip.portlet div.pBody ul li,
#p-gittip.portlet div.pBody ul li a,
#p-navigation.portlet div.pBody ul li,
#p-navigation.portlet div.pBody ul li a {
	 color:#ffffff;
	 text-shadow:0px 0px 4px #331111;
	 line-height:22px;
	 font-size:20px;
	 font-weight:bold;
}
#p-tb.portlet div.pBody ul li,
#p-tb.portlet div.pBody ul li a,
#p-local.portlet div.pBody ul li,
#p-local.portlet div.pBody ul li a,
#p-extras.portlet div.pBody ul li,
#p-extras.portlet div.pBody ul li a,
#p-calendar.portlet div.pBody ul li,
#p-calendar.portlet div.pBody ul li a {
	 color:#ffffff;
	 text-shadow:0px 0px 4px #331111;
	 line-height:16px;
	 font-size:14px;
	 font-weight:bold;
}
#p-gittip.portlet div.pBody ul li ul li.local-submenu, 
#p-gittip.portlet div.pBody ul li ul li.local-submenu a {
   line-height:14px;
   font-size:12px;
   margin-left: 12px;
}
#p-gittip.portlet div.pBody ul li ul li.local-submenu a {
   margin-left: 0px;
   border-left: 1px;
   border-right: 1px;
}
#p-gittip.portlet div.pBody li:hover {
   background-color: inherit;
   border: 1px solid transparent;
}
#p-tb.portlet div.pBody ul li {
	 margin-bottom: 1px;
}
#p-extras.portlet, #p-gittip.portlet {
	 margin-bottom: 0px;
}
#p-navigation.portlet div.pBody ul li a:hover,
#p-tb.portlet div.pBody ul li a:hover,
#p-local.portlet div.pBody ul li a:hover,
#p-extras.portlet div.pBody ul li a:hover,
#p-gittip.portlet div.pBody ul li a:hover,
#p-calendar.portlet div.pBody ul li a:hover {
	 text-decoration:none;
}
button#collaboerate {
	 margin-left:7px;
	 width: 125px;
}

#p-search .pBody {
   padding: 0px;
   text-align: left;
}
#searchInput:focus,
#searchGoButton:focus {
   width: 105px;
}
#searchInput:focus + input {
   display: inline-block;
}
#searchInput {
   margin-left: 5px;
   display: inline-block;
   width: 135px;
}
#mw-searchButton {
   display: none;
}
#searchGoButton {
   display: none;
   border: 0px;
   margin-left: 0px;
   margin-right: 0px;
}

/******************
   ATTEMPT TO HIDE ANNOYING LINK IMAGES (padlocks, arrows, irc) (broken)
 ******************/

a.external,
a.external[href ^="irc://"],
a.external[href ^="ircs://"], .link-irc,
a.external[href ^="https://"], .link-https {
   background:transparent;
   background:transparent!ie;
   padding:0px;
   margin:0px;
   display:none;
   visibility:hidden;
}#bodyContent