Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
Tag: Undo |
||
Line 51: | Line 51: | ||
/* Trial for update of WelcomePage2020.05.25 | /* 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 { | .filter-links { | ||
Line 57: | Line 105: | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
− | display: | + | display: grid; |
+ | font-size: 75%; | ||
+ | grid-template-columns: repeat(auto-fit, 110px); | ||
+ | justify-content: space-evenly; | ||
width: 100%; | width: 100%; | ||
height:auto; | height:auto; | ||
overflow: hidden; | overflow: hidden; | ||
− | + | border-bottom:1px solid #f6f6f6; | |
− | border-bottom:1px solid # | ||
} | } | ||
.filter-links li { | .filter-links li { | ||
− | + | margin: 5px; | |
− | + | text-align: center; | |
− | + | background: #f6f6f6; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | text- | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | .filter-sections { | + | 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 | + | .filter-sections li { |
opacity: 0; | opacity: 0; | ||
display: none; | display: none; | ||
Line 95: | Line 141: | ||
padding: 2em 1em; | padding: 2em 1em; | ||
float: left; | float: left; | ||
− | transition: all | + | transition: all 100s ease; |
+ | background: yellow; | ||
} | } | ||
Line 101: | Line 148: | ||
display: block !important; | display: block !important; | ||
opacity: 1 !important; | opacity: 1 !important; | ||
− | |||
− | |||
− | |||
} | } | ||
Line 109: | Line 153: | ||
0% { | 0% { | ||
border-radius:100%; | border-radius:100%; | ||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Revision as of 13:43, 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%; } }