Difference between revisions of "Team:TP CC-SanDiego/content-sidebar-CSS"

Revision as of 05:46, 18 September 2015 (view source) Rachellian7 (Talk | contribs) ← Older edit		Revision as of 05:47, 18 September 2015 (view source) Rachellian7 (Talk | contribs) Newer edit →
Line 39:		Line 39:
	text-align: center;		text-align: center;
	}		}
		+
		+
	#text-wrapper p{		#text-wrapper p{
−	font-family: Montserrat, sans-serif;	+	font-family: Montserrat;
−	font-size: 12px;	+	font-size: 12px;
−	}	+	color: #333;
		+	font-weight: 400;
		+	}
	#text-wrapper a{		#text-wrapper a{

---

Revision as of 05:47, 18 September 2015

/* --------------------- FONTS --------------------- */

/* @font-face {

   font-family: Oswald;
   src: url(ttf goes here);

} */

@import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Poppins); @import url(https://fonts.googleapis.com/css?family=Montserrat);

/* %%%%%%%%%%%%%%%%%%%%%%%% [TEXT STYLING] %%%%%%%%%%%%%%%%%%%%%%%% */

/* Section heading */ h1{

 font-family: Poppins, sans-serif;
 font-size: 36px;
 font-weight: 100;
 border-style: none;
 /* text-align: center; */
 /* line-height: 1.5;*/

}

/* Subsection heading */ h2{

 font-family: Oswald, sans-serif;
 font-size: 28px;
 border-style: none;

}

/* **SPECIAL** Super big heading */ h5{

 font-family: Poppins, sans-serif;
 font-size: 72px
 font-weight: 100;
 border-style: 5px solid #f15258;
 text-align: center;

}

1. text-wrapper p{

font-family: Montserrat; font-size: 12px; color: #333; font-weight: 400; }

1. text-wrapper a{

 font-family: Montserrat, sans-serif;
 font-size: 12px;
 text-decoration: none;
 color: #f15258;

}

/* %%%%%%%%%%%%%%%%%%%%%%%% [END] %%%%%%%%%%%%%%%%%%%%%%%% */

figcaption{

 font-family: Montserrat, sans-serif;
 font-size: 10px;

}

.inlinetext{

 display: inline;

}

/*--------------------------------------------------------------------------------------------------*/ /* Links */ /* a:focus, a:hover {

 color: #333;

} a, a:link, a:visited{

 color: #7a7a7a;

} */

/* --------------------- MAIN CSS --------------------- */

1. content-wrapper{

 width: 60%;
 height: auto%;
 background-color: white;
 z-index: -1;

}

1. text-wrapper{

 float: right;
 width: 60%;
 padding: 100px;
 overflow: hidden;
 background-color: white;

}

1. sidebar {

 width: 200px;
 float: left;
 height: auto;
 background-color: white;
 margin: 20px;
 z-index: 90;

}

1. sidebar-contents a {

 position: relative;
 display: block;
 overflow: hidden;
 height: 50px;
 line-height: 50px;
 padding: 0 28px 0 16px;
 background-color: #2b2b2b;
 /* background-color: #4e5359;*/
 font-family: Montserrat, sans-serif;
 font-size: 16px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 color: #ffffff;
 white-space: nowrap;
 border-bottom: 1px solid #555b61;
 text-decoration: none;
 text-overflow: ellipsis;

}

1. sidebar-contents a:hover {

 background-color: black;
 color: #f15258;
 border-right: 5px solid #f15258;

}

.anchor {

 display: block;
 position: relative;
 top: -70px;
 visibility: hidden;

} /* for h1 */

.h2-anchor{

 display: block;
 position: relative;
 top: -50px;
 visibility: hidden;

}

.h5-anchor{

 display: block;
 position: relative;
 top: -94px;
 visibility: hidden;

}

.sb-fixed{

 position: fixed;
       top: 70px;
       left: 0px;

}

.fixed{

 position: fixed;
 top: 18px;
 width: 100%;
 bottom: 50px;

}

.marginRight{

 padding-left: 1%;

}