Difference between revisions of "Template:Northeastern Boston/CSS"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
 +
@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');
 +
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css');
 
@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');
 
@import url('http://fonts.googleapis.com/css?family=Montserrat:400,700');
 
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css');
 
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css');
Line 24: Line 26:
 
}
 
}
  
−
.wrapper {
+
/* Fixing previously installed css -_- */
−
   display: flex;
+
.firstHeading {
 +
   display: none;
 +
}
 +
 
 +
#content {
 +
  width: 100%;
 
   min-height: 100%;
 
   min-height: 100%;
 +
  border: 0px;
 +
  background-color: transparent;
 +
  margin: 0px;
 +
  padding: 0px;
 
}
 
}
  
−
.sidebar {
+
li {
−
   position: absolute;
+
  margin-bottom: 0;
−
   width: 220px;
+
}
 +
 
 +
ul.nav {
 +
  line-height: inherit;
 +
  list-style-type: none;
 +
  margin: 0 0 0 0;
 +
  padding: 0;
 +
  list-style-image: none;
 +
}
 +
p {
 +
  margin: 0 0 0 0;
 +
}
 +
/***************************************/
 +
 
 +
.wrapper {
 +
  height: 100%;
 +
  clear: both;
 +
}
 +
 
 +
#sidebar {
 +
  float: left;
 +
   position: fixed;
 +
   width: 17rem;
 +
  min-height: 100%;
 
}
 
}
  
 
.content {
 
.content {
−
   flex: 1;
+
   float: left;
−
   padding: 0px;#######
+
  min-height: 100%;
 +
  margin-left: 17rem;
 +
   padding: 0px;
 
   background: #191919;
 
   background: #191919;
 
   box-shadow: 0 0 5px rgba(0,0,0,1);
 
   box-shadow: 0 0 5px rgba(0,0,0,1);
−
   transform: translate3d(0,0,0);
+
   background-color: white;
−
  transition: transform .3s;
+
 
}
 
}
  
 
.content.isOpen {
 
.content.isOpen {
−
  transform: translate3d(220px,0,0);
 
 
   background: #191919;
 
   background: #191919;
 
   text-align: center;
 
   text-align: center;
Line 108: Line 142:
 
   box-shadow: inset 5px 0 0 #5b5, inset 6px 0 0 #222;
 
   box-shadow: inset 5px 0 0 #5b5, inset 6px 0 0 #222;
 
   background: #444;
 
   background: #444;
 +
  z-index: -1;
 
}
 
}
  
Line 113: Line 148:
  
 
h1 {
 
h1 {
−
   margin: 25px 0 15px;
+
   margin: 5rem 0 5rem;
−
   font-size: 28px;
+
   font-size: 4rem;
 
   font-weight: 400;
 
   font-weight: 400;
 
}
 
}
Line 124: Line 159:
 
}
 
}
  
−
/* Images */
+
/* pages */
 +
.article {
 +
  margin: 4rem 15rem;
 +
}
  
−
#comingSoon {
+
p {
−
   width: auto;
+
   font-family: 'aktiv grotesk', Montserrat;
−
   margin-left: -300px;
+
   font-size: 1.5rem;
 +
  line-height: 2.8rem;
 +
  margin-bottom: 3rem;
 
}
 
}
  
−
/* Fixing previously installed css -_- */
+
.chartist-chart {
−
.firstHeading {
+
   margin: 5rem 0 5rem 0;
−
   display: none;
+
 
}
 
}
  
−
#content {
+
img {
−
   width: 100%;
+
  display: block;
 +
  margin: 5rem auto;
 +
}
 +
 
 +
/************/
 +
 
 +
#heathens {
 +
   text-align: center;
 +
  margin-bottom: -3rem;
 +
}
 +
 
 +
/* slides */
 +
 
 +
.slide {
 
   height: 100%;
 
   height: 100%;
−
   border: 0px;
+
   width: 100%;
−
  background-color: rgb(25,25,25);;
+
−
  margin: 0px;
+
−
  padding: 0px;
+
 
}
 
}
  
−
li {
+
#slide1 {
−
   margin-bottom: 0;
+
   background-color: #AE4F93;
 
}
 
}
  
−
ul.nav {
+
#slide2 {
−
   line-height: inherit;
+
   background-color: #FF9900;
−
  list-style-type: none;
+
−
  margin: 0 0 0 0;
+
−
  padding: 0;
+
−
  list-style-image: none;
+
 
}
 
}
−
p {
+
 
−
   margin: 0 0 0 0;
+
#slide3 {
 +
   background-color: #800F25;
 
}
 
}
  
 +
#slide4 {
 +
  background-color: #2B364A;
 +
}
  
 +
#logo {
 +
  height: 9rem;
 +
  margin-top: 0; 
 +
  margin-bottom: 0;
 +
}
 +
 +
#project_header {
 +
  margin-top: 1rem;
 +
  margin-bottom: 2rem;
 +
  text-align: center;
 +
  border-bottom: 1px solid #111;
 +
  padding-bottom: 2rem;
 +
 +
}
 +
 +
#project_description {
 +
  margin-top: 1rem;
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 02:53, 22 July 2015