Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| | | |
− | /* Legacy code moved to MediaWiki:Common.css/Legacy | + | /* Legacy code moved to MediaWiki:Common.css/Legacy */ |
| + | |
| + | |
| + | /* Navigation panel to the left */ |
| + | #mw-panel a { |
| + | font-size: 1.10em; |
| + | } |
| + | |
| + | #mw-panel a:hover { |
| + | color: #62a376; |
| + | text-decoration: none; |
| + | } |
| | | |
| /* Box at the top of the main page layout */ | | /* Box at the top of the main page layout */ |
| .icannwiki-top-box { | | .icannwiki-top-box { |
| + | display: grid; |
| + | grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); |
| + | gap: 4px; |
| background-color: #61a376; | | background-color: #61a376; |
− | border-radius: 5px; | + | background-image: url('images/b/bd/ICANNWiki-Background-2024-A.svg'); |
− | width: 100%; | + | background-size: cover; |
− | margin-bottom: 20px; | + | border-radius: 4px; |
− | padding: 10px; | + | margin-bottom: 4px; |
− | display: grid; /* Use grid layout */
| + | padding: 4px; |
− | grid-gap: 10px; /* Space between grid items */ | + | } |
− | grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); /* Adjust number of columns based on available width */
| + | |
| + | /* Hides bullet points */ |
| + | .icannwiki-top-box ul { |
| + | list-style: none; |
| + | list-style-type: none; |
| + | } |
| + | |
| + | /* Changes bullet points to a Unicode character */ |
| + | .icannwiki-top-box ul li:before { |
| + | background-image: url('/images/8/82/1F4CE.png'); |
| + | background-size: 32px 32px; |
| + | display: inline-block; |
| + | vertical-align: middle; |
| + | width: 32px; |
| + | height: 32px; |
| + | content:""; |
| } | | } |
| | | |
− | /* List cotained within the top box */ | + | /* List stylings */ |
− | .icannwiki-invisible-bullet { | + | .icannwiki-top-box ul li { |
− | width: 100%; | + | font-size: 1.0em; |
− | display: block; /* Ensure this div behaves as expected in the layout */ | + | margin-bottom: 4px; /* Adjusts the spacing between list items */ |
| } | | } |
| | | |
− | .icannwiki-invisible-bullet ul { | + | .icannwiki-top-box a { |
− | list-style-type: none; | + | color: white; |
− | margin: 0; | + | font-weight: bold; |
− | padding: 0; | + | text-decoration: none; |
− | display: contents; /* This makes ul not to be considered as a container, but its children li> will be direct children of .icannwiki-top-box */
| |
| } | | } |
| | | |
− | .icannwiki-invisible-bullet a { | + | .icannwiki-top-box a:hover { |
− | color: green; | + | color: #68d62c; |
| + | text-decoration: none; |
| } | | } |
| | | |
| /* Header for featured article, news, about us, and so on */ | | /* Header for featured article, news, about us, and so on */ |
| .icannwiki-section-header { | | .icannwiki-section-header { |
− | background: #61A376; | + | background: #62a376; |
| font-family: sans-serif; | | font-family: sans-serif; |
| font-weight: bold; | | font-weight: bold; |
| text-align: left; | | text-align: left; |
− | color: white; | + | color: #ebfcef; |
| height: 1.5em; | | height: 1.5em; |
− | margin: .2em 0 .2em 0; | + | padding: .5em; |
− | padding: 1em;
| |
| border-radius: 5px; | | border-radius: 5px; |
| + | } |
| + | |
| + | /* Colored bounding box with bigger text */ |
| + | .icannwiki-colored-box { |
| + | background: #f1f6f3; |
| + | padding-left: 1%; |
| + | padding-right: 1%; |
| + | font-size: 1.05em; |
| } | | } |
| | | |
Line 52: |
Line 88: |
| /* Main page content box: left */ | | /* Main page content box: left */ |
| .icannwiki-half-width-left { | | .icannwiki-half-width-left { |
− | width: 49.5%; | + | width: 49%; |
| float: left; | | float: left; |
| } | | } |
Line 58: |
Line 94: |
| /* Main page content box: right */ | | /* Main page content box: right */ |
| .icannwiki-half-width-right { | | .icannwiki-half-width-right { |
− | width: 49.5%; | + | width: 49%; |
| float: right; | | float: right; |
| } | | } |
| | | |
− | /* Font with darker shade of white */ | + | /* Warning template */ |
| + | .icannwiki-warning { |
| + | display: flex; |
| + | justify-content: center; |
| + | align-items: center; |
| + | text-align: center; |
| + | height: auto; |
| + | width: 60%; |
| + | margin: 0 auto; |
| + | padding: 10px; |
| + | background-color: #FFFDF4; |
| + | border: 2px solid #d48900; |
| + | border-left: 16px solid #d48900; |
| + | } |
| + | |
| + | .icannwiki-warning a { |
| + | font-weight: bold; |
| + | color: #d48900; |
| + | } |
| + | |
| + | /* Signaling template */ |
| + | .icannwiki-signal { |
| + | display: flex; |
| + | justify-content: center; |
| + | align-items: center; |
| + | text-align: center; |
| + | height: auto; |
| + | width: 60%; |
| + | margin: 0 auto; |
| + | padding: 10px; |
| + | background-color: #f4fcff; |
| + | border: 2px solid #0092D4; |
| + | border-left: 16px solid #0092D4; |
| + | } |
| + | |
| + | .icannwiki-signal a { |
| + | font-weight: bold; |
| + | color: #0092D4; |
| + | } |
| + | |
| + | /* Danger template */ |
| + | .icannwiki-danger { |
| + | display: flex; |
| + | justify-content: center; |
| + | align-items: center; |
| + | text-align: center; |
| + | height: auto; |
| + | width: 60%; |
| + | margin: 0 auto; |
| + | padding: 10px; |
| + | background-color: #fff4f4; |
| + | border: 2px solid #D40000; |
| + | border-left: 16px solid #D40000 |
| + | } |
| + | |
| + | .icannwiki-danger a { |
| + | font-weight: bold; |
| + | color: #D40000; |
| + | } |
| + | |
| + | /* Justified text */ |
| + | .icannwiki-justified { |
| + | text-align: justify; |
| + | } |
| + | |
| + | /* Font with darker shade of greenish white */ |
| .icannwiki-text-white { | | .icannwiki-text-white { |
− | color: #F2EFEA; | + | color: #ebfcef; |
| } | | } |
| | | |
− | /* Larger font */ | + | /* Larger text */ |
| .icannwiki-font-large { | | .icannwiki-font-large { |
− | font-size: 150%; | + | font-size: 1.25em; |
| } | | } |