Difference between revisions of "Team:Lund/CSS"

 
Line 1: Line 1:
−
  #home_logo, #sideMenu { display:none; }
+
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
−
  #sideMenu, #top_title, .patrollink  {display:none;}
+
 
−
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
/* Clear the default wiki settings */
−
  body {background-color:white; }
+
 
−
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:blue; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 
 +
#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 {
 +
  padding-bottom: 0 !important;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
  border-bottom: 0;
 +
  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 15: Line 75:
 
p {
 
p {
 
   color: #777;
 
   color: #777;
−
}
 
−
 
−
a {
 
−
color: #fff;
 
 
}
 
}
  
 
/******************** 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 63: Line 125:
 
.header-content {
 
.header-content {
 
   margin: 0 auto;
 
   margin: 0 auto;
−
   padding: 100px;
+
   padding: 150px;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
Line 93: Line 155:
 
   width: 100%;
 
   width: 100%;
 
   background-color: #fff;
 
   background-color: #fff;
−
   font-size: 18px;
+
   font-size: 20px;
 
}
 
}
  
Line 104: Line 166:
 
.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 113: Line 176:
  
 
/******************** 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 142: Line 188:
 
   margin: 0 50px;
 
   margin: 0 50px;
 
   vertical-align: middle;
 
   vertical-align: middle;
 +
}
 +
 +
/* Footer */
 +
footer {
 +
  display: block;
 +
  width: 100%;
 +
  background-color: #222;
 +
  color: #fff;
 +
}
 +
 +
#footer-wrapper {
 +
  width: 1200px;
 +
  margin: 0 auto;
 +
}
 +
 +
footer p {
 +
  margin: 0;
 +
  padding: 20px;
 
}
 
}

Latest revision as of 19:30, 26 September 2018

/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/

/* Clear the default wiki settings */

  1. home_logo, #sideMenu { display:none; }
  2. sideMenu, #top_title, .patrollink {display:none;}
  3. content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}

body {background-color:blue; }

  1. bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  1. top_menu_under, #top_menu_14, #top_menu_14 *, {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;

}

  1. content {
 margin-top: 0 !important;

}

  1. globalWrapper {
 padding-bottom: 0 !important;

}

h1, h2, h3, h4, h5, h6 { 

 border-bottom: 0;
 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;
 }

}

  1. bodyContent a[href ^="https://"], .link-https {
 padding-right: 0;

}

  1. mw-content-text > p {
 &:first-child, &:last-child {
   display: none;
 }

}

/***/

body { 

 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
 font-family: 'Source Sans Pro', sans-serif;

}

p { 

 color: #777;

}

/******************** HEADER ********************/

header { 

 background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 background-attachment: fixed;
 height: 200px;

} /* Navigation */

  1. nav-wrapper {
 width: 1200px;
 margin: 0 auto;

}

nav { 

 width: 100%;

}

nav a { 

 display: inline-block;
 padding: 15px;
 color: rgba(255, 255, 255, 0.60);
 text-decoration: none;
 -webkit-transition: all 0.1s;
 -moz-transition: all 0.1s;
 -o-transition: all 0.1s;
 transition: all 0.1s;

}

nav a:hover { 

 color: #fff;

}

nav img { 

 width: 100px;

}

a.nav-active { 

 border-bottom: 1px solid #fff;
 color: #fff;

}

.navbar-links { 

 float: right;

}

/* Header image */ .header-content { 

 margin: 0 auto;
 padding: 150px;
 text-align: center;

}

.header-content img { 

 height: 500px;

}

/* Bottom to content */ .scroll-to-content { 

 display: block;
 margin: 0 auto;
 text-align: center;

}

.scroll-to-content a { 

 color: rgba(255, 255, 255, 0.60);
 font-size: 60px;

}

.scroll-to-content a:hover { 

 color: #fff;

}

/******************** CONTENT ********************/ /* Page content */ .page-content { 

 padding: 100px 0;
 width: 100%;
 background-color: #fff;
 font-size: 20px;

}

.home-wrapper { 

 width: 1200px;
 margin: 0 auto;

}

/* References */ .references { 

 border-left: 1px solid #4C63AE;
 padding: 20px 20px 20px 30px;
 background-color: #f7f7f7;
 font-size: 14px;

}

.references p { 

 margin: 0.5em;

}

/******************** FOOTER ********************/ /* Sponsors */ .sponsors { 

 margin: 0 auto;
 padding: 50px;
 background-color: #333;
 text-align: center;

}

.sponsors img { 

 display: inline-block;
 margin: 0 50px;
 vertical-align: middle;

}

/* Footer */ footer { 

 display: block;
 width: 100%;
 background-color: #222; 
 color: #fff;

}

  1. footer-wrapper {
 width: 1200px;
 margin: 0 auto;

}

footer p { 

 margin: 0;
 padding: 20px;

}