MediaWiki:Common.css

From Hackerspace ACKspace
Revision as of 15:47, 4 November 2015 by Prodigity (talk | contribs) (trolololol)
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: 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.
/* CSS placed here will be applied to all skins */

#nggyunglydngtaahy { background-color: #C30;
border: medium solid #FF0;
padding-top: 5px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px;
color: #FFF;
text-align: center;
animation-name: homeCycle;
animation-duration:1s;
animation-direction:alternate;
animation-iteration-count:infinite;

-webkit-animation-name: homeCycle;
-webkit-animation-duration:6s;
-webkit-animation-direction:alternate;
-webkit-animation-iteration-count:infinite; }

@keyframes homeCycle
{
0% {background-color:#006;}
25% {background-color:#060;}
50% {background-color:#CC3200;}
75% {background-color:#603;}
}

@-webkit-keyframes homeCycle
{
0% {background-color:#006;}
25% {background-color:#060;}
50% {background-color:#CC3200;}
75% {background-color:#603;}
} 


/* Hide main page heading */
body.page-Main_Page h1.firstHeading { display: none; }

/* reserve extra space for transcluded (featured) page headers */
body.page-Main_Page h6 { font-size: 130%; padding-top: 2em; margin-top: 1em; border-top: 1px solid #ddd; }

/* shadow under iframes */
iframe
{
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 4px rgba(0,0,0,0.2);
}

/* get rid of some ugly mediawiki styling */
#mw-head-base,
#content,
#footer,
div.vectorTabs,
div.vectorTabs ul li,
div.vectorTabs li a
{
    background-image: none;
}

div.vectorTabs ul li:hover
{
    background-color: #f9f9f9;
}

div.vectorTabs li a,
div.vectorTabs li a span,
#mw-panel div.portal div.body ul li a,
#mw-panel div.portal div.body ul li a:visited
{
    color: #333;
}

div.vectorTabs li a:hover,
div.vectorTabs li a:hover span,
#mw-panel div.portal div.body ul li a:hover,
#mw-panel div.portal div.body ul li a:focus
{
    color: #633;
}

div.vectorTabs li a:hover,
div.vectorTabs li a:hover span
{
    margin-top: 0.05em;
}

#mw-panel div.portal div.body ul li a,
#mw-panel div.portal div.body ul li a:visited
{
    text-decoration: none;
    display: block;
    line-height: 1.2em;
    padding: 0.6em;
    border-radius: 5px;
}

#mw-panel div.portal h5
{
    text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.3);
    font-size: 85%;
}

#mw-panel div.portal div.body ul li a:hover,
#mw-panel div.portal div.body ul li a:focus
{
    background-color: #f0eeee;
    padding-left: 0.65em;
}

/* avoid icon collision */
a.feedlink
{
    background-position: right 10px center;
}

/* table strikeout/done feature */
table.wikitable
{
    empty-cells: show;
}

table.wikitable td
{
    position: relative;
}


table.wikitable tr.strikeout,
table.wikitable tr.done,
table.wikitable td.na
{
    opacity: 0.4;
}

table.wikitable tr.strikeout td:before,
table.wikitable tr.done td:before
{
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

table.wikitable td.hl-red
{
    background-color: rgba( 255, 0, 0, 0.2 );
}

table.wikitable td.hl-green
{
    background-color: rgba( 0, 255, 0, 0.2 );
}

table.wikitable td.hl-blue
{
    background-color: rgba( 0, 0, 255, 0.2 );
}

table.wikitable td.hl-yellow
{
    background-color: rgba( 255, 255, 0, 0.2 );
}

table.wikitable td.hl-purple
{
    background-color: rgba( 255, 0, 255, 0.2 );
}

table.wikitable td.hl-cyan
{
    background-color: rgba( 0, 255, 255, 0.2 );
}

/* button style */
.button
{
    line-height: 300%;
}

.button a
{
    padding: 10px;
    border:2px outset #eee;
    border-radius: 6px;
    background-color: #fefefe;
    font-weight: bold;
    text-decoration: none;
}

.button:hover a
{
    background-color: #eee;
    /*padding: 11px 9px 9px 11px;*/
}