| Line 1: |
Line 1: |
| | /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| | | | |
| − | /* No page name on main page (en) */ | + | /* Legacy code moved to MediaWiki:Common.css/Legacy */ |
| − | body.page-Main_Page h1.firstHeading {
| |
| − | display: none;
| |
| − | }
| |
| | | | |
| − | body.page-Form_Person_Page_Creator h1.firstHeading { display:none; }
| + | /* Box at the top of the main page layout */ |
| − | | + | .icannwiki-top-box { |
| − | .IW_BigGreenIconBox { | + | display: grid; |
| − | border-spacing: 0;
| + | grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); |
| − | border: 1px solid #28903b;
| + | gap: 4px; |
| − | display: inline-block !important;
| |
| − | }
| |
| − | | |
| − | .IW_BigGreenIconBox td {
| |
| − | text-align: center; | |
| − | width: 85px; | |
| − | }
| |
| − | | |
| − | .IW_BigGreenIconBox td img {
| |
| − | margin: -2px;
| |
| − | }
| |
| − | | |
| − | .IW_MissionAndSponsorsBox {
| |
| − | float: right;
| |
| − | border: 1px solid #c0c0c0;
| |
| − | border-bottom: 1px solid #c0c0c0;
| |
| − | width: 375px;
| |
| − | margin-left: 20px;
| |
| − | background-color: #FFF;
| |
| − | }
| |
| − | | |
| − | .IW_MissionAndSponsorsBox .MissionStatement {
| |
| − | color: #000;
| |
| − | background-color: #f6f6f6;
| |
| − | padding: 5px 10px;
| |
| − | border: 1px solid #0d8323;
| |
| − | text-align:center;
| |
| − | }
| |
| − | | |
| − | .sidebar-section {
| |
| − | background-color: #F6F6F6;
| |
| − | }
| |
| − | | |
| − | .sidebar {
| |
| − | background-color: #F6F6F6;
| |
| − | }
| |
| − | | |
| − | .IW_MissionAndSponsorsBox .Sponsors {
| |
| − | margin: 0;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 12px;
| |
| − | text-align: left;
| |
| − | padding: 20px 0px 20px 15px;
| |
| − | }
| |
| − | | |
| − | .IW_MissionAndSponsorsBox .Sponsors .Title {
| |
| − | font-size: 20px;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | | |
| − | .IW_MissionAndSponsorsBox .Sponsors .AskButton {
| |
| − | width: 300px;
| |
| − | margin: 25px auto;
| |
| − | padding-bottom: 0px;
| |
| − | }
| |
| − | | |
| − | .gTLD_InfoBox {
| |
| − | background-color: #f6f6f6;
| |
| − | border: 2px solid #466f81;
| |
| − | padding: 10px;
| |
| − | margin-bottom: 15px;
| |
| − | width: 100%;
| |
| − | height: 150px;
| |
| − | }
| |
| − | | |
| − | .gTLD_InfoBox .Dimensions {
| |
| − | width: 200px;
| |
| − | height: 125px;
| |
| − | float: left;
| |
| − | margin: 0px 20px 0 0;
| |
| − | border-right: 1px solid #bdbdbd;
| |
| − | }
| |
| − | .gTLD_Info {
| |
| − | background-color: #f6f6f6;
| |
| − | border: 2px solid #466f81;
| |
| − | padding: 10px;
| |
| − | margin: 2em 0 2em 0;
| |
| − | width: 100%;
| |
| − | height: 150px;
| |
| − | }
| |
| − | .AOW {
| |
| − | background:#466f81;
| |
| − | font-family:sans-serif;
| |
| − | font-size:120%;
| |
| − | font-weight:bold;
| |
| − | border:2px solid #0d8323;
| |
| − | text-align:left;
| |
| − | color:#FFF;
| |
| − | padding-left:0.4em;
| |
| − | padding-top:0.2em;
| |
| − | padding-bottom:0.2em;
| |
| − | }
| |
| − | .WelcomeBox {
| |
| − | float:left;
| |
| − | height:8em;
| |
| − | width:50%;
| |
| − | background:#d8dfe8;
| |
| − | padding:0 -1em 0 0;
| |
| − | margin:0 0 1em 0;
| |
| − | display:inline-block;
| |
| − | }
| |
| − | .WelcomeBox .Message {
| |
| − | background:#d8dfe8;
| |
| − | align:center;
| |
| − | }
| |
| − | .MissingLinks {
| |
| − | display:none;
| |
| − | }
| |
| − | .CommunityPortalHeader {
| |
| − | width:100%;
| |
| − | height:50px;
| |
| − | background:#d8dfe8;
| |
| − | margin:1.2em 0 6px 0;
| |
| − | border:1px solid #ddd;
| |
| − | text-align: center;
| |
| − | font-size: 1.7em;
| |
| − | }
| |
| − | .WritingCommunityBox {
| |
| − | width:50%;
| |
| − | float:left;
| |
| − | padding:0 .5em 0 0;
| |
| − | }
| |
| − | .WritingCommunityBox .RowStyle {
| |
| − | width: 100%;
| |
| − | padding:0em .1em 0em .1em;
| |
| − | border-bottom:1px solid #0d8323;
| |
| − | background: whitesmoke;
| |
| − | }
| |
| − | .WritingCommunityBox .ColumnStyle {
| |
| − | background:#0d8323;
| |
| − | font-family:sans-serif;
| |
| − | font-size:120%;
| |
| − | font-weight:bold;
| |
| − | border:2px solid #466f81;
| |
| − | text-align:left;
| |
| − | color:#FFF;
| |
| − | padding: 0 0 0 .65em;
| |
| − | }
| |
| − | .PrimerICW {
| |
| − | width:46%;
| |
| − | background-color:whitesmoke;
| |
| − | float:left;
| |
| − | display:inline-block;
| |
| − | height:180px;
| |
| − | padding: 1em 1em 1em 1em;
| |
| − | border: 2px solid gray;
| |
| − | }
| |
| − | .PrimerIM {
| |
| − | width:46%;
| |
| − | background-color:whitesmoke;
| |
| − | float:right;
| |
| − | display:inline-block;
| |
| − | height:180px;
| |
| − | padding: 1em 1em 1em 1em;
| |
| − | border: 2px solid gray;
| |
| − | }
| |
| − | .NoDesktop {
| |
| − | display: none;
| |
| − | }
| |
| − | .ICANNBoardMembers {
| |
| − | height:230px;
| |
| − | width:50%;
| |
| − | display:inline-block;
| |
| − | padding:1em 1em 1em 1em;
| |
| − | float:left;
| |
| − | overflow:auto;
| |
| − | }
| |
| − | .Editathon {
| |
| − | background:#339933;
| |
| − | font-family:sans-serif;
| |
| − | font-size:120%;
| |
| − | font-weight:bold;
| |
| − | border:2px solid #ffa500;
| |
| − | text-align:left;
| |
| − | color:#FFF;
| |
| − | padding-left:0.4em;
| |
| − | padding-top:0.2em;
| |
| − | padding-bottom:0.2em;
| |
| − | }
| |
| − | | |
| − | .MainPage {
| |
| − | width:70%;
| |
| − | float:left;
| |
| − | display:inline-block;
| |
| − | }
| |
| − | | |
| − | #AOWBox {
| |
| − | display:flex;
| |
| − | flex-direction:column;
| |
| − | width:99.7%;
| |
| − | border:1px solid #bcd7c4;
| |
| − | margin-bottom:.5em;
| |
| − | float:left;
| |
| − | background:white;
| |
| − | }
| |
| − | | |
| − | .MainPageHeader {
| |
| − | background:#4c9662;
| |
| − | font-family:sans-serif;
| |
| − | font-size:120%;
| |
| − | font-weight:bold;
| |
| − | border:2px solid #0d8323;
| |
| − | text-align:left;
| |
| − | color:#FFF;
| |
| − | height: 20px;
| |
| − | margin:.25em .25em .25em .25em;
| |
| − | padding:.25em .25em .25em .25em;
| |
| − | }
| |
| − | .banner {
| |
| − | width: 100%;
| |
| − | padding: 5px;
| |
| − | margin-top: 0;
| |
| − | margin-left: auto;
| |
| − | margin-bottom: 0;
| |
| − | margin-right: auto }
| |
| − | | |
| − | /* General background and layout */
| |
| − | .icannwiki-bg-green {
| |
| | background-color: #61a376; | | background-color: #61a376; |
| − | border-radius: 0px; | + | background-image: url('images/b/bd/ICANNWiki-Background-2024-A.svg'); |
| − | width: 100%; | + | background-size: cover; |
| − | margin-bottom: 20px; | + | border-radius: 4px; |
| − | height: 10px; | + | margin-bottom: 4px; |
| | + | padding: 4px; |
| | } | | } |
| | | | |
| − | .icannwiki-border-left-white { | + | /* Hides bullet points */ |
| − | border-left: 1px solid #F2EFEA; | + | .icannwiki-top-box ul { |
| | + | list-style: none; |
| | + | list-style-type: none; |
| | } | | } |
| | | | |
| − | /* Padding for sections */ | + | /* Changes bullet points to a Unicode character */ |
| − | .icannwiki-section-padding { | + | .icannwiki-top-box ul li:before { |
| − | padding: 10px; | + | background-image: url('/images/8/82/1F4CE.png'); |
| | + | background-size: 32px 32px; |
| | + | display: inline-block; |
| | + | vertical-align: middle; |
| | + | width: 32px; |
| | + | height: 32px; |
| | + | content:""; |
| | } | | } |
| | | | |
| − | /* List customization */ | + | /* List stylings */ |
| − | .icannwiki-list-style-none { | + | .icannwiki-top-box ul li { |
| − | list-style-type: none; | + | font-size: 110%; |
| | + | margin-bottom: 4px; /* Adjusts the spacing between list items */ |
| | } | | } |
| | | | |
| − | /* Text customization */
| + | .icannwiki-top-box a { |
| − | .icannwiki-text-white { | + | color: white; |
| − | color: #F2EFEA; | + | font-weight: bold; |
| | + | text-decoration: none; |
| | } | | } |
| | | | |
| − | /* 2024 revision code starts here */
| + | .icannwiki-top-box a:hover { |
| − | | + | color: #68d62c; |
| − | .icannwiki-font-large { | + | text-decoration: none; |
| − | font-size: 150%; | |
| − | }
| |
| − | | |
| − | .icannwiki-font-medium {
| |
| − | font-size: 1.2em; | |
| | } | | } |
| | | | |
| − | /* Layout for featured article, news, about us, and sponsor sections */ | + | /* 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: #F2EFEA; | + | color: #ebfcef; |
| | height: 1.5em; | | height: 1.5em; |
| − | margin: .2em 0 .1em 0;
| + | padding: .5em; |
| − | padding: .5em .25em .5em .75em; | |
| | border-radius: 5px; | | border-radius: 5px; |
| | } | | } |
| | | | |
| | + | /* Colored bounding box */ |
| | + | .icannwiki-colored-box { |
| | + | background: #f1f6f3; |
| | + | padding-left: 1%; |
| | + | padding-right: 1% |
| | + | } |
| | + | |
| | + | /* Separator */ |
| | .icannwiki-clearfix { | | .icannwiki-clearfix { |
| | clear: both; | | clear: both; |
| | } | | } |
| | | | |
| | + | /* Main page content box: left */ |
| | .icannwiki-half-width-left { | | .icannwiki-half-width-left { |
| − | width: 49.5%; | + | width: 49%; |
| | float: left; | | float: left; |
| | } | | } |
| | | | |
| | + | /* Main page content box: right */ |
| | .icannwiki-half-width-right { | | .icannwiki-half-width-right { |
| − | width: 49.5%; | + | width: 49%; |
| | float: right; | | float: right; |
| | } | | } |
| | | | |
| − | .icannwiki-content-border { | + | /* Justified text */ |
| − | border: 2px solid #4B815D;
| + | .icannwiki-justified { |
| − | color: #F2EFEA;
| + | text-align: justify; |
| − | border-radius: 5px;
| + | } |
| − | font-family: sans-serif;
| + | |
| | + | /* Highlighted text */ |
| | + | .icannwiki-highlight { |
| | + | color: #61a376; |
| | font-weight: bold; | | font-weight: bold; |
| − | text-align: left;
| + | } |
| − | height: 35px; | + | |
| − | margin: .25em;
| + | /* Font with darker shade of greenish white */ |
| − | padding: .25em; | + | .icannwiki-text-white { |
| | + | color: #ebfcef; |
| | + | } |
| | + | |
| | + | /* Larger text */ |
| | + | .icannwiki-font-large { |
| | + | font-size: 125%; |
| | } | | } |