Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(52 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: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; | ||
-moz-animation: none; | -moz-animation: none; | ||
color: #06F; | color: #06F; | ||
} | |||
.plugin_header_mini { | |||
color:#909; | |||
font-weight:bold; | |||
} | } | ||
.code_variables { | .code_variables { | ||
Line 24: | Line 31: | ||
border-style:none; | border-style:none; | ||
table-layout:auto; | table-layout:auto; | ||
width:100%; | |||
} | } | ||
.code_variables tr { | .code_variables tr { | ||
Line 31: | Line 39: | ||
text-align:left; | text-align:left; | ||
font-weight:normal; | font-weight:normal; | ||
padding-left:4px; | |||
padding-right:4px; | |||
} | } | ||
.code_variables th { | .code_variables th { | ||
text-align:center; | text-align:center; | ||
font-weight:bold; | font-weight:bold; | ||
border | border:1px solid darkred; | ||
background-color:#FF9999; | |||
padding:5px; | |||
} | } | ||
.note_block_red { | .note_block_red { | ||
color: | color:#4C0000; | ||
border-style:double; | border-style:double; | ||
background-color:#FBEFF2; | background-color:#FBEFF2; | ||
Line 45: | Line 57: | ||
padding:5px 5px; | padding:5px 5px; | ||
} | } | ||
. | .code_es_vb { | ||
font-family:"Lucida Console", Monaco, monospace; | font-family:"Lucida Console", Monaco, monospace; | ||
border-color:# | font-size:105%; | ||
background-color:# | color:#FFFF00; | ||
border-style: | border-color:#FFFF00; | ||
border-width: | 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-family:"Lucida Console", Monaco, monospace; | ||
border-color:# | font-size:105%; | ||
background-color: | color:#00FF00; | ||
border-style: | border-color:#00FF00; | ||
border-width: | background-color:black; | ||
border-style:inset; | |||
border-width:5px; | |||
padding:10px; | |||
} | } | ||
. | .code_cs { | ||
font-family:"Lucida Console", Monaco, monospace; | font-family:"Lucida Console", Monaco, monospace; | ||
font-size:105%; | |||
color:#00FFFF; | |||
border-style: | border-color:#00FFFF; | ||
border-width: | border-style:inset; | ||
border-width:5px; | |||
background-color:black; | |||
padding:10px; | |||
} | } | ||
.plugin_contents_box { | .plugin_contents_box { | ||
Line 74: | Line 105: | ||
} | } | ||
.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; } }