Difference between revisions of "MediaWiki:Common.css"

Revision as of 06:47, 28 April 2014

/* CSS placed here will be applied to all skins */

/* CSS for the Plugin Development Wikis */
.plugin_text_fx {
    border:2px solid #06F;
    border-radius:5px;
    padding:1px 4px;
    animation: color-change 1s infinite;
    -webkit-animation: color-change 1s infinite;
    -moz-animation: none;
    color: #06F;
}
.plugin_header_mini {
     color:#909;
     border:2px dashed #06F;
     border-radius:5px;
     padding:1px 4px;
}
.code_variables {
   font-family:"Lucida Console", Monaco, monospace; 
   border-style:solid; 
   border-color:darkred; 
   background-color:#FFDBDB; 
   border-width:2px;  
   padding-left:5px; 
   padding-right:5px; 
   padding-top:5px; 
   padding-bottom:5px;
}
.code_variables table {
    border-style:seperate;
    border-spacing:8px;
    border-style:none;
    table-layout:auto;
}
.code_variables tr {
    vertical-align:middle;
}
.code_variables td {
    text-align:left;
    font-weight:normal;
    padding-left:4px;
    padding-right:4px;
}
.code_variables th {
    text-align:center;
    font-weight:bold;
    border:1px solid darkred;
    background-color:#FF9999;
    padding:5px;
}
.note_block_red {
    color:#4C0000;
    border-style:double;
    background-color:#FBEFF2; 
    border-color:red; 
    border-width:6px;
    padding:5px 5px;
}
.code_block_struct {
    font-family:"Lucida Console", Monaco, monospace; 
    border-color:#003300; 
    background-color:#E0EEE0; 
    border-style:dashed;
    border-width:1px;
}
.code_block_enum {
    font-family:"Lucida Console", Monaco, monospace; 
    border-color:#003300; 
    background-color:#E0EEE0; 
    border-style:dotted;
    border-width:1px;
}
.code_block_func {
    font-family:"Lucida Console", Monaco, monospace; 
    border-color:#003300; 
    background-color:#E0EEE0; 
    border-style:solid;
    border-width:1px;
}
.code_es_vb {
    font-family:"Lucida Console", Monaco, monospace;
    font-size:105%;
    font-weight:bold;
    color:#FFFF00; 
    border-color:#FFFF00;
    background-image:url("http://www.hfc-essentials.com/images/code_bg.gif");
    background-color:black; 
    border-style:ridge;
    border-width:4px;
    background-size:cover;
    padding:10px;
}
.code_es_cs {
    font-family:"Lucida Console", Monaco, monospace;
    font-size:105%;
    font-weight:bold;
    color:#FF0066; 
    border-color:#FF0066;
    background-image:url("http://www.hfc-essentials.com/images/code_bg.gif");
    background-color:black; 
    border-style:ridge;
    border-width:4px;
    background-size:cover;
    padding:10px;
}
.code_vb {
    font-family:"Lucida Console", Monaco, monospace;
    font-size:105%;
    font-weight:bold;
    color:#00FF00; 
    border-color:#00FF00;
    background-image:url("http://www.hfc-essentials.com/images/code_bg.gif");
    background-color:black; 
    border-style:inset;
    border-width:4px;
    background-size:cover;
    padding:10px;
}
.code_cs {
    font-family:"Lucida Console", Monaco, monospace;
    font-size:105%;
    font-weight:bold;
    color:#00FFFF; 
    border-color:#00FFFF;
    background-image:url("http://www.hfc-essentials.com/images/code_bg.gif");
    background-color:black; 
    border-style:inset;
    border-width:4px;
    background-size:cover;
    padding:10px;
}
.plugin_contents_box {
    border-style:ridge; 
    border-color:#3ADF00; 
    background-color:#F0FFF0; 
    border-width:5px; 
    padding:5px 5px;
}
.plugin_headline_text {
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    font-size:115%;
    color:#551A8B;
}
.plugin_return_text {
    font-family:"Lucida Console", Monaco, monospace;
    font-size:105%;
    border-bottom:1px dotted #003200;
    color:blue;
}
@keyframes color-change {
    0% { color: #006; border-color: #006; }
    20% { color: #00C; border-color: #00C; }
    40% { color: #03F; border-color: #03F; }
    50% { color: #06F; border-color: #06F; }
    60% { color: #03F; border-color: #03F; }
    80% { color: #00C; border-color: #00C; }
    100% { color: #006; border-color: #006; }
}
@-webkit-keyframes color-change {
    0% { color: #006; border-color: #006; }
    20% { color: #00C; border-color: #00C; }
    40% { color: #03F; border-color: #03F; }
    50% { color: #06F; border-color: #06F; }
    60% { color: #03F; border-color: #03F; }
    80% { color: #00C; border-color: #00C; }
    100% { color: #006; border-color: #006; }
}