Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(16 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
/* CSS for the Plugin Development Wikis */ | /* CSS for the Plugin Development Wikis */ | ||
.plugin_text_fx { | .plugin_text_fx { | ||
border: | border:1px solid #06F; | ||
border-radius: | border-radius:5px; | ||
padding: | 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; | ||
-moz-animation: none; | -moz-animation: none; | ||
color: #06F; | color: #06F; | ||
} | |||
.plugin_header_mini { | |||
color:#909; | |||
font-weight:bold; | |||
} | } | ||
.code_variables { | .code_variables { | ||
Line 27: | Line 31: | ||
border-style:none; | border-style:none; | ||
table-layout:auto; | table-layout:auto; | ||
width:100%; | |||
} | } | ||
.code_variables tr { | .code_variables tr { | ||
Line 51: | Line 56: | ||
border-width:6px; | border-width:6px; | ||
padding:5px 5px; | padding:5px 5px; | ||
} | } | ||
.code_es_vb { | .code_es_vb { | ||
font-family:"Lucida Console", Monaco, monospace; | font-family:"Lucida Console", Monaco, monospace; | ||
font-size:105%; | font-size:105%; | ||
color:#FFFF00; | color:#FFFF00; | ||
border-color:#FFFF00; | border-color:#FFFF00; | ||
background-color:black; | background-color:black; | ||
border-style: | border-style:inset; | ||
border-width: | border-width:5px; | ||
padding:10px; | padding:10px; | ||
} | } | ||
.code_es_cs { | .code_es_cs { | ||
font-family:"Lucida Console", Monaco, monospace; | font-family:"Lucida Console", Monaco, monospace; | ||
font-size:105%; | font-size:105%; | ||
color:#FF0066; | color:#FF0066; | ||
border-color:#FF0066; | border-color:#FF0066; | ||
background-color:black; | background-color:black; | ||
border-style: | border-style:inset; | ||
border-width: | border-width:5px; | ||
padding:10px; | padding:10px; | ||
} | } | ||
.code_vb { | .code_vb { | ||
font-family:"Lucida Console", Monaco, monospace; | font-family:"Lucida Console", Monaco, monospace; | ||
font-size:105%; | font-size:105%; | ||
color:#00FF00; | color:#00FF00; | ||
border-color:#00FF00; | border-color:#00FF00; | ||
background-color:black; | background-color:black; | ||
border-style:inset; | border-style:inset; | ||
border-width: | border-width:5px; | ||
padding:10px; | padding:10px; | ||
} | } | ||
.code_cs { | .code_cs { | ||
font-family:"Lucida Console", Monaco, monospace; | font-family:"Lucida Console", Monaco, monospace; | ||
font-size:105%; | font-size:105%; | ||
color:#00FFFF; | color:#00FFFF; | ||
border-color:#00FFFF | border-color:#00FFFF; | ||
border-style:inset; | border-style:inset; | ||
border-width: | border-width:5px; | ||
background- | background-color:black; | ||
padding:10px; | padding:10px; | ||
} | } | ||
.plugin_contents_box { | .plugin_contents_box { | ||
Line 155: | Line 113: | ||
font-size:105%; | font-size:105%; | ||
border-bottom:1px dotted #003200; | border-bottom:1px dotted #003200; | ||
border-color:blue; | |||
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 { |
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; } }