Difference between revisions of "MediaWiki:Common.css"

From ICANNWiki
Jump to navigation Jump to search
(Copy the styles from the main ICANNWiki "mission box" into the stylesheet so that we can refer to and incorporate them via the IW_MissionBox class)
m
(236 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
  display: none;
 
  display: none;
 
  }
 
  }
 +
 +
body.page-Form_Person_Page_Creator h1.firstHeading { display:none; }
  
 
.IW_BigGreenIconBox {
 
.IW_BigGreenIconBox {
     border-spacing: 0px;
+
     border-spacing: 0;
 
     border: 1px solid #28903b;
 
     border: 1px solid #28903b;
 
     display: inline-block !important;
 
     display: inline-block !important;
Line 21: Line 23:
 
}
 
}
  
.IW_MissionBox {
+
.IW_MissionAndSponsorsBox {
 
float: right;
 
float: right;
 
border: 1px solid #c0c0c0;  
 
border: 1px solid #c0c0c0;  
Line 28: Line 30:
 
margin-left: 20px;
 
margin-left: 20px;
 
background-color: #FFF;
 
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 }
 
}
 
}

Revision as of 20:38, 28 December 2020

/* CSS placed here will be applied to all skins */

/* No page name on main page (en) */
 body.page-Main_Page h1.firstHeading {
 	display: none;
 }

body.page-Form_Person_Page_Creator h1.firstHeading { display:none; }

.IW_BigGreenIconBox {
    border-spacing: 0;
    border: 1px solid #28903b;
    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 }
}