Difference between revisions of "MediaWiki:Common.css"

From Sudo Room
Jump to navigation Jump to search
(comments)
(annoying blinker)
Line 19: Line 19:
 
   background-image: linear-gradient(to bottom right, #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; } }
  
 
/******************
 
/******************

Revision as of 23:28, 11 March 2014

/* 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