Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
m |
||
Line 101: | Line 101: | ||
/* FOR THE MANUALS PAGE */ | /* FOR THE MANUALS PAGE */ | ||
− | . | + | .filter-links { |
− | display: | + | margin: 0; |
− | + | padding: 0; | |
− | + | list-style: none; | |
+ | display: grid; | ||
+ | font-size: 75%; | ||
+ | grid-template-columns: repeat(auto-fit, 110px); | ||
+ | justify-content: space-evenly; | ||
+ | width: 100%; | ||
+ | height:auto; | ||
+ | overflow: hidden; | ||
+ | border-bottom:1px solid #f6f6f6; | ||
} | } | ||
− | . | + | .filter-links li { |
− | + | margin: 5px; | |
+ | text-align: center; | ||
+ | background: #f6f6f6; | ||
} | } | ||
− | . | + | ul.filter-sections { |
+ | display: grid; | ||
+ | grid-template-columns: repeat(auto-fit, 140px); | ||
+ | grid-gap: 10px; | ||
+ | justify-content: space-evenly; | ||
+ | list-style: none; | ||
+ | padding: 10px; | ||
+ | margin: 0; | ||
+ | background: blue; | ||
overflow: hidden; | overflow: hidden; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .filter-sections li { | |
− | . | + | opacity: 0; |
− | + | display: none; | |
− | + | min-height: 50px; | |
− | + | margin: 0.5em; | |
− | margin : | + | text-align: center; |
− | + | padding: 2em 1em; | |
− | + | float: left; | |
− | + | transition: all 100s ease; | |
− | + | background: yellow; | |
} | } | ||
− | . | + | .view { |
− | + | display: block !important; | |
+ | opacity: 1 !important; | ||
} | } | ||
− | + | @keyframes selected { | |
− | + | 0% { | |
− | + | border-radius:100%; | |
+ | } | ||
} | } |
Revision as of 13:18, 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: grid; font-size: 75%; grid-template-columns: repeat(auto-fit, 110px); justify-content: space-evenly; width: 100%; height:auto; overflow: hidden; border-bottom:1px solid #f6f6f6; } .filter-links li { margin: 5px; text-align: center; background: #f6f6f6; } ul.filter-sections { display: grid; grid-template-columns: repeat(auto-fit, 140px); grid-gap: 10px; justify-content: space-evenly; list-style: none; padding: 10px; margin: 0; background: blue; overflow: hidden; } .filter-sections li { opacity: 0; display: none; min-height: 50px; margin: 0.5em; text-align: center; padding: 2em 1em; float: left; transition: all 100s ease; background: yellow; } .view { display: block !important; opacity: 1 !important; } @keyframes selected { 0% { border-radius:100%; } }