Difference between revisions of "Template:Lund/CSS"

 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 +
/* Clear the default wiki settings */
  
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
#content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
−
body {background-color: transparent) }
+
body {background-color:blue; }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; background-color: none;}
  
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
+
#top_menu_under, #top_menu_14, #top_menu_14 *, {
 +
  -webkit-box-sizing: content-box;
 +
  -moz-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
}
 +
 
 +
#content {
 +
  margin-top: 0 !important;
 +
}
  
 
#globalWrapper {
 
#globalWrapper {
−
   padding: 0;
+
   padding-bottom: 0 !important;
 
}
 
}
  
−
#content {
+
h1, h2, h3, h4, h5, h6 {
−
   background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
+
   border-bottom: 0;
−
   background-attachment: fixed;
+
   padding-top: 0;
 +
  padding-bottom: 0;
 
}
 
}
 +
 +
p {
 +
  font-family: inherit;
 +
  font-size: inherit;
 +
  text-align: inherit;
 +
  line-height: inherit;
 +
}
 +
 +
li {
 +
  margin-bottom: 0;
 +
  line-height: inherit;
 +
}
 +
 +
ul {
 +
  list-style-image: none;
 +
  list-style-type: disc;
 +
  ul {
 +
    list-style-type: circle;
 +
  }
 +
  margin: 0 1em;
 +
  &.nav {
 +
    margin: 0;
 +
  }
 +
}
 +
 +
#bodyContent a[href ^="https://"], .link-https {
 +
  padding-right: 0;
 +
}
 +
 +
#mw-content-text > p {
 +
  &:first-child, &:last-child {
 +
    display: none;
 +
  }
 +
}
 +
 +
/***/
  
 
body {
 
body {
 +
  height: 100%;
 +
  width: 100%;
 
   margin: 0;
 
   margin: 0;
 
   padding: 0;
 
   padding: 0;
−
  background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 
−
  background-attachment: fixed;
 
 
   font-family: 'Source Sans Pro', sans-serif;
 
   font-family: 'Source Sans Pro', sans-serif;
 
}
 
}
Line 32: Line 81:
  
 
/******************** HEADER ********************/
 
/******************** HEADER ********************/
−
/* Header navigation */
+
 
 +
header {
 +
  background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 +
  background-attachment: fixed;
 +
  height: 200px;
 +
}
 +
/* Navigation */
 
#nav-wrapper {
 
#nav-wrapper {
 
   width: 1200px;
 
   width: 1200px;
Line 73: Line 128:
 
.header-content {
 
.header-content {
 
   margin: 0 auto;
 
   margin: 0 auto;
−
   padding: 100px;
+
   padding: 150px;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
Line 103: Line 158:
 
   width: 100%;
 
   width: 100%;
 
   background-color: #fff;
 
   background-color: #fff;
−
   font-size: 18px;
+
   font-size: 20px;
 
}
 
}
  
Line 114: Line 169:
 
.references {
 
.references {
 
   border-left: 1px solid #4C63AE;
 
   border-left: 1px solid #4C63AE;
−
   padding-left: 15px;
+
   padding: 20px 20px 20px 30px;
 +
  background-color: #f7f7f7;
 
   font-size: 14px;
 
   font-size: 14px;
 
}
 
}
Line 123: Line 179:
  
 
/******************** FOOTER ********************/
 
/******************** FOOTER ********************/
−
#footer-wrapper {
 
−
  width: 1200px;
 
−
  margin: 0 auto;
 
−
}
 
−
 
−
footer {
 
−
  display: block;
 
−
  width: 100%;
 
−
  background-color: #222;
 
−
  color: #fff;
 
−
}
 
−
 
−
footer p {
 
−
  margin: 0;
 
−
  padding: 20px;
 
−
}
 
−
 
 
/* Sponsors */
 
/* Sponsors */
 
.sponsors {
 
.sponsors {
Line 154: Line 193:
 
}
 
}
  
 +
/* Footer */
 +
footer {
 +
  display: block;
 +
  width: 100%;
 +
  background-color: #222;
 +
  color: #fff;
 +
}
  
−
</html>
+
#footer-wrapper {
 +
  width: 1200px;
 +
  margin: 0 auto;
 +
}
 +
 
 +
footer p {
 +
  margin: 0;
 +
  padding: 20px;
 +
}
 
</style>
 
</style>
 +
</html>

Latest revision as of 19:33, 26 September 2018