Line 1: |
Line 1: |
− | /* CSS placed here will affect users of the mobile site */ | + | /* Box at the top of the main page layout */ |
− | .AOW { | + | .icannwiki-top-box { |
− | background:#466f81;
| + | display: grid; |
− | color:#FFF;
| + | grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); |
− | padding:.2em 0 .2em .4em;
| + | gap: 4px; |
− | font-style:bold;
| + | background-color: #61a376; |
− | font-size:1.5em;
| + | border-radius: 4px; |
| + | margin-bottom: 4px; |
| + | padding: 4px; |
| } | | } |
− | .WelcomeBox { | + | |
− | height:8em; | + | /* Hides bullet points */ |
− | width:100%;
| + | .icannwiki-top-box ul { |
− | background:#d8dfe8;
| + | list-style: none; |
− | }
| + | list-style-type: none; |
− | .MissingLinks { | + | } |
− | background-color: #f6f6f6;
| + | |
− | border: 2px solid #466f81;
| + | /* List stylings */ |
− | width: 100%;
| + | .icannwiki-top-box ul li { |
| + | font-size: 100%; |
| + | margin-bottom: 2px; /* Adjusts the spacing between list items */ |
| + | } |
| + | |
| + | .icannwiki-top-box a { |
| + | color: white; |
| + | font-weight: bold; |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .icannwiki-top-box a:hover { |
| + | color: #68d62c; |
| + | text-decoration: none; |
| + | } |
| + | |
| + | /* Header for featured article, news, about us, and so on */ |
| + | .icannwiki-section-header { |
| + | background: #62a376; |
| + | font-family: sans-serif; |
| + | font-weight: bold; |
| + | text-align: left; |
| + | color: #ebfcef; |
| + | height: 1.5em; |
| + | padding: .5em; |
| + | border-radius: 5px; |
| } | | } |
− | .PrimerICW { | + | |
− | width:100%; | + | /* Colored bounding box */ |
− | background-color:whitesmoke; | + | .icannwiki-colored-box { |
− | float:left;
| + | background: #f1f6f3; |
− | padding: 1em 1em 1em 1em; | + | padding-left: 1%; |
− | border: 2px solid gray; | + | padding-right: 1%; |
| + | text-align: left; |
| } | | } |
− | .PrimerIM {
| + | |
− | width:100%;
| + | /* Separator */ |
− | background-color:whitesmoke;
| + | .icannwiki-clearfix { |
− | float:right;
| + | clear: both; |
− | padding: 1em 1em 1em 1em;
| |
− | border: 2px solid gray;
| |
| } | | } |
− | .ICANNBoardMobile { | + | |
− | height:1px; | + | /* Main page content box: left */ |
− | width:1px; | + | .icannwiki-half-width-left { |
− | overflow:hidden; | + | display: inline; |
− | display:none; | + | } |
| + | |
| + | /* Mobile-only rule for sponsors display */ |
| + | .icannwiki-mobile-sponsors{ |
| + | width:25%; |
| + | height: auto; |
| + | } |
| + | |
| + | /* Main page content box: right */ |
| + | .icannwiki-half-width-right { |
| + | display: inline; |
| + | } |
| + | |
| + | /* Justified text */ |
| + | .icannwiki-justified { |
| + | text-align: justify; |
| } | | } |
| | | |
− | .MainPageM { | + | /* Highlighted text */ |
− | width:100%; | + | .icannwiki-highlight { |
| + | color: #61a376; |
| + | font-weight: bold; |
| } | | } |
| | | |
− | .MainPageM .AOWBox { | + | /* Font with darker shade of greenish white */ |
− | height:225px;
| + | .icannwiki-text-white { |
− | border:1px solid #bcd7c4;
| + | color: #ebfcef; |
− | margin: 0 0 .5em 0;
| |
| } | | } |
| | | |
− | .MainPage .AOWHeader { | + | /* Larger text */ |
− | height:20px;
| + | .icannwiki-font-large { |
− | font-family:sans-serif;
| + | font-size: 125%; |
− | font-size:120%;
| |
− | font-weight:bold;
| |
− | border:2px solid #0d8323;
| |
− | text-align:left;
| |
− | color:#FFF;
| |
− | margin:.25em .25em .25em .25em;
| |
− | padding:.25em .25em.25em .25em;
| |
| } | | } |