Difference between revisions of "Template:Lund/CSS"

Line 1: Line 1:
−
h1 {
+
body {
−
color: red;
+
  margin: 0;
 +
  padding: 0;
 +
  background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 +
  background-attachment: fixed;
 +
  font-family: 'Source Sans Pro', sans-serif;
 
}
 
}
  
−
body {
+
p {
−
background-color: blue;
+
  color: #777;
 +
}
 +
 
 +
/******************** HEADER ********************/
 +
/* Header navigation */
 +
#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: 100px;
 +
  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: 18px;
 +
}
 +
 
 +
.home-wrapper {
 +
  width: 1200px;
 +
  margin: 0 auto;
 +
}
 +
 
 +
/* References */
 +
.references {
 +
  border-left: 1px solid #4C63AE;
 +
  padding-left: 15px;
 +
  font-size: 14px;
 +
}
 +
 
 +
.references p {
 +
  margin: 0.5em;
 +
}
 +
 
 +
/******************** 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 {
 +
  margin: 0 auto;
 +
  padding: 50px;
 +
  background-color: #333;
 +
  text-align: center;
 +
}
 +
 
 +
.sponsors img {
 +
  display: inline-block;
 +
  margin: 0 50px;
 +
  vertical-align: middle;
 
}
 
}

Revision as of 16:25, 24 September 2018

body { 

 margin: 0;
 padding: 0;
 background: linear-gradient(to bottom right, #4C63AE, #88FFFF);
 background-attachment: fixed;
 font-family: 'Source Sans Pro', sans-serif;

}

p { 

 color: #777;

}

/******************** HEADER ********************/ /* Header 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: 100px;
 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: 18px;

}

.home-wrapper { 

 width: 1200px;
 margin: 0 auto;

}

/* References */ .references { 

 border-left: 1px solid #4C63AE;
 padding-left: 15px;
 font-size: 14px;

}

.references p { 

 margin: 0.5em;

}

/******************** FOOTER ********************/

  1. 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 { 

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

}

.sponsors img { 

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

}