Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Tag: Undo |
m |
||
Line 105: | Line 105: | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
− | display: | + | display: block; |
− | |||
− | |||
− | |||
width: 100%; | width: 100%; | ||
height:auto; | height:auto; | ||
overflow: hidden; | overflow: hidden; | ||
− | border-bottom:1px solid # | + | background: white; |
+ | border-bottom:1px solid #E4D7D7; | ||
} | } | ||
.filter-links li { | .filter-links li { | ||
− | + | display: inline; | |
− | text- | + | float: left; |
− | + | } | |
+ | |||
+ | .filter-links li a { | ||
+ | display: block; | ||
+ | color: black; | ||
+ | padding: 1em 2em; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .filter-links li a:hover { | ||
+ | color: red; | ||
} | } | ||
− | + | .filter-sections { | |
− | + | width: 100%; | |
− | + | display: block; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
− | .filter-sections | + | .filter-sections div { |
opacity: 0; | opacity: 0; | ||
display: none; | display: none; | ||
Line 141: | Line 143: | ||
padding: 2em 1em; | padding: 2em 1em; | ||
float: left; | float: left; | ||
− | transition: all | + | transition: all 500s ease; |
− | |||
} | } | ||
Line 148: | Line 149: | ||
display: block !important; | display: block !important; | ||
opacity: 1 !important; | opacity: 1 !important; | ||
+ | transform: scale(1) rotate(0deg); | ||
+ | border-radius:4px; | ||
+ | animation: selected 300ms 1 ease-in-out; | ||
} | } | ||
Line 153: | Line 157: | ||
0% { | 0% { | ||
border-radius:100%; | border-radius:100%; | ||
+ | transform: scale(0) rotate(-180deg); | ||
} | } | ||
+ | } | ||
+ | |||
+ | .javascript{ | ||
+ | background-color:yellow; | ||
+ | color:black; | ||
+ | } | ||
+ | .html{ | ||
+ | background:blue; | ||
+ | color:white; | ||
+ | } | ||
+ | .css{ | ||
+ | background:red; | ||
+ | color:white; | ||
+ | } | ||
+ | .php{ | ||
+ | background:brown; | ||
+ | color:white; | ||
} | } |
Revision as of 13:44, 27 May 2020
/* <pre> */ .first { background-color:#00FFFF; } .second { background-color:#CCFF66; } .third { background-color:#FF6FCF; } .fourth { background-color:#FFFF66; } .cmd { font-family:monospace; } .annot { font-family:sans-serif; margin-top:1cm; } .large { font-size: 24pt; } span.minor { font-style:italic; font-weight:normal; } #googleSearch { width: 10.9em; margin: 0; font-size: 95%; } #search_string { width: 10.9em; margin: 0; font-size: 95%; } #bodyContent a[href ^="javascript:"] { background: none; padding: 0px; text-decoration: none ; } /* pg: new markup <texcode>..</texcode> */ pre.tex { color:#000000; } pre span.cs { color:#0000FF; } pre span.def { color:#FF0000; } pre span.comment { color:#333333; } pre span.br { color:red; } pre.xml { color:#000000; } pre span.name { color:blue; } /* </pre> */ /* Trial for update of WelcomePage2020.05.25 body { background: white; } */ a:link { color: #36b; text-decoration: none;} a:visited { color: #36b; text-decoration: none;} a:hover { color: #36b; text-decoration: none;} a:active { color: #36b; text-decoration: none;} ul.WelcRework { display: grid; grid-template-columns: repeat(auto-fit, 140px); grid-gap: 1.5rem; justify-content: space-between; list-style: none; padding: 1rem; margin: 0; } li.WelcRework { text-align:center; background-color: #eeeedc ; box-shadow: 0px 8px 8px gray; height: stretch; border-top: solid 4px #cc3333; } ul.DownloadRework { display: grid; grid-template-columns: repeat(auto-fit, 200px); grid-gap: 1.5rem; justify-content: space-between; list-style: none; padding: 1rem; margin: 0; } li.DownloadRework { text-align:center; background-color: #eeeedc ; box-shadow: 0px 8px 8px gray; height: stretch; border-top: solid 4px #cc3333; padding: 1rem; } body.page-Main_Page_TempProposal h1.firstHeading { border-style: none; } /* FOR THE MANUALS PAGE */ .filter-links { margin: 0; padding: 0; list-style: none; display: block; width: 100%; height:auto; overflow: hidden; background: white; border-bottom:1px solid #E4D7D7; } .filter-links li { display: inline; float: left; } .filter-links li a { display: block; color: black; padding: 1em 2em; text-decoration: none; } .filter-links li a:hover { color: red; } .filter-sections { width: 100%; display: block; overflow: hidden; } .filter-sections div { opacity: 0; display: none; min-height: 50px; margin: 0.5em; text-align: center; padding: 2em 1em; float: left; transition: all 500s ease; } .view { display: block !important; opacity: 1 !important; transform: scale(1) rotate(0deg); border-radius:4px; animation: selected 300ms 1 ease-in-out; } @keyframes selected { 0% { border-radius:100%; transform: scale(0) rotate(-180deg); } } .javascript{ background-color:yellow; color:black; } .html{ background:blue; color:white; } .css{ background:red; color:white; } .php{ background:brown; color:white; }