Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(80 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* CSS for the Plugin Development Wikis */ | |||
.plugin_text_fx { | .plugin_text_fx { | ||
border:1px solid #06F; | |||
border-radius:5px; | |||
padding:0px 4px; | |||
animation: color-change 1s infinite; | animation: color-change 1s infinite; | ||
-webkit-animation: color-change 1s infinite; | -webkit-animation: color-change 1s infinite; | ||
Line 6: | Line 11: | ||
color: #06F; | color: #06F; | ||
} | } | ||
.plugin_header_mini { | |||
color:#909; | |||
font-weight:bold; | |||
} | } | ||
.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 { | ||
font-family: | border-style:seperate; | ||
border-color:# | border-spacing:8px; | ||
background-color:# | border-style:none; | ||
border-style: | table-layout:auto; | ||
border-size: | width:100%; | ||
padding: 5px 5px; | } | ||
.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_es_vb { | |||
font-family:"Lucida Console", Monaco, monospace; | |||
font-size:105%; | |||
color:#FFFF00; | |||
border-color:#FFFF00; | |||
background-color:black; | |||
border-style:inset; | |||
border-width:5px; | |||
padding:10px; | |||
} | |||
.code_es_cs { | |||
font-family:"Lucida Console", Monaco, monospace; | |||
font-size:105%; | |||
color:#FF0066; | |||
border-color:#FF0066; | |||
background-color:black; | |||
border-style:inset; | |||
border-width:5px; | |||
padding:10px; | |||
} | |||
.code_vb { | |||
font-family:"Lucida Console", Monaco, monospace; | |||
font-size:105%; | |||
color:#00FF00; | |||
border-color:#00FF00; | |||
background-color:black; | |||
border-style:inset; | |||
border-width:5px; | |||
padding:10px; | |||
} | |||
.code_cs { | |||
font-family:"Lucida Console", Monaco, monospace; | |||
font-size:105%; | |||
color:#00FFFF; | |||
border-color:#00FFFF; | |||
border-style:inset; | |||
border-width:5px; | |||
background-color:black; | |||
padding:10px; | |||
} | |||
.plugin_contents_box { | |||
border-style:ridge; | |||
border-color:#3ADF00; | |||
background-color:#F0FFF0; | |||
border-width:5px; | |||
padding:5px 5px; | |||
} | } | ||
.plugin_headline_text { | .plugin_headline_text { | ||
font-family: "Trebuchet MS", Helvetica, sans-serif; | font-family:"Trebuchet MS", Helvetica, sans-serif; | ||
font-size: 115%; | font-size:115%; | ||
color: #551A8B; | color:#551A8B; | ||
} | |||
.plugin_return_text { | |||
font-family:"Lucida Console", Monaco, monospace; | |||
font-size:105%; | |||
border-bottom:1px dotted #003200; | |||
border-color:blue; | |||
color:blue; | |||
} | |||
.plugin_return_text_noline { | |||
font-family:"Lucida Console", Monaco, monospace; | |||
font-size:105%; | |||
color:darkblue; | |||
} | } | ||
@keyframes color-change { | @keyframes color-change { | ||
0% { color: #006; } | 0% { color: #006; border-color: #006; } | ||
20% { color: #00C; } | 20% { color: #00C; border-color: #00C; } | ||
40% { color: #03F; } | 40% { color: #03F; border-color: #03F; } | ||
50% { color: #06F; } | 50% { color: #06F; border-color: #06F; } | ||
60% { color: #03F; } | 60% { color: #03F; border-color: #03F; } | ||
80% { color: #00C; } | 80% { color: #00C; border-color: #00C; } | ||
100% { color: #006; } | 100% { color: #006; border-color: #006; } | ||
} | } | ||
@-webkit-keyframes color-change { | @-webkit-keyframes color-change { | ||
0% { color: #006; } | 0% { color: #006; border-color: #006; } | ||
20% { color: #00C; } | 20% { color: #00C; border-color: #00C; } | ||
40% { color: #03F; } | 40% { color: #03F; border-color: #03F; } | ||
50% { color: #06F; } | 50% { color: #06F; border-color: #06F; } | ||
60% { color: #03F; } | 60% { color: #03F; border-color: #03F; } | ||
80% { color: #00C; } | 80% { color: #00C; border-color: #00C; } | ||
100% { color: #006; } | 100% { color: #006; border-color: #006; } | ||
} | } |
Latest revision as of 21:15, 30 April 2014
/* CSS placed here will be applied to all skins */ /* CSS for the Plugin Development Wikis */ .plugin_text_fx { border:1px solid #06F; border-radius:5px; padding:0px 4px; animation: color-change 1s infinite; -webkit-animation: color-change 1s infinite; -moz-animation: none; color: #06F; } .plugin_header_mini { color:#909; font-weight:bold; } .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; width:100%; } .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_es_vb { font-family:"Lucida Console", Monaco, monospace; font-size:105%; color:#FFFF00; border-color:#FFFF00; background-color:black; border-style:inset; border-width:5px; padding:10px; } .code_es_cs { font-family:"Lucida Console", Monaco, monospace; font-size:105%; color:#FF0066; border-color:#FF0066; background-color:black; border-style:inset; border-width:5px; padding:10px; } .code_vb { font-family:"Lucida Console", Monaco, monospace; font-size:105%; color:#00FF00; border-color:#00FF00; background-color:black; border-style:inset; border-width:5px; padding:10px; } .code_cs { font-family:"Lucida Console", Monaco, monospace; font-size:105%; color:#00FFFF; border-color:#00FFFF; border-style:inset; border-width:5px; background-color:black; 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; border-color:blue; color:blue; } .plugin_return_text_noline { font-family:"Lucida Console", Monaco, monospace; font-size:105%; color:darkblue; } @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; } }