Team:TP CC-SanDiego/content-sidebar-CSS

/* --------------------- FIX WIKI SETTINGS --------------------- */ /* Hide first heading */ .firstHeading { 

 display: none;

}

/* Remove borders, float content left and remove padding/margin */

  1. globalWrapper, #content{
 background-color: transparent;
 border: none;
 float: center;
 margin-left: -3px;
 margin-top: -8px;
 padding: auto;
 width: 101%;

}

/*Left-align Black Menu Bar

  1. top_menu_inside { 
 margin-left: 0px;

} */


/* --------------------- 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] %%%%%%%%%%%%%%%%%%%%%%%% */ /* HEY ABISHEK!! Take a look at this text styling. You said you wanted 

  stuff consistent with the homepage. Or maybe add some border/line
  effects for the headings to jazz stuff up. */

/* **SPECIAL** PAGE HEADER */ h6{ 

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

}

/* Section heading */ h1{ 

 font-family: Poppins, sans-serif;
 font-size: 36px;
 font-weight: 100;
 border-bottom: 3px solid black;
 line-height: 1.0;
 /* text-align: center; */
 /* line-height: 1.5;*/

}

/* Subsection heading */ h2{ 

 font-family: Oswald, sans-serif;
 font-size: 24px;
 border-style: none;
 line-height: 1.0;

}

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

 font-family: Poppins, sans-serif;
 font-size: 64px;
 font-weight: 100;
 color: #f15258;
 border: 5px solid #f15258;
 line-height: 1.0;
 text-align: center;

}

/* Normal paragraph text. */

  1. text-wrapper p{
 font-family: Montserrat, sans-serif;
 font-size: 12px;

}

/* Links; will probably never use actually. */

  1. text-wrapper a{
 font-family: Montserrat, sans-serif;
 font-size: 12px;
 text-decoration: none;
 color: #f15258;

}

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


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

html{ 

 overflow-x: hidden;

}

  1. whole-wrapper{
 height: auto;
 width: auto;

}

/* --------------------- Page Header --------------------- */

  1. header-text{
 width: 90%;
 height: 330px;
 margin: 0 auto 0 auto;
 /* background-color: white; */

}

  1. header-text h6{
 font-family: Poppins, sans-serif;
 font-size: 100px;
 border-style: none;
 text-align: center;
 /* line-height: 1.5 */
 color: #f15258;
 font-weight: 400;
 line-height: 200px;

}

/* --------------------- Navbar --------------------- */

  1. nav-wrapper{
 width: 101%;
 height: 50px;
 background-color: #333333;
 z-index: 100;
 line-height: 50px;
 font-family: Verdana;

}

  1. nav{
 width: 1100px;
 margin: 0 auto 0 auto;
 font-family: Montserrat;
 font-size: 14px;
 font-weight: 700;

}

  1. nav-right{
 width: 800px;
 float: right;
 text-align: right;

}

  1. nav a{
 padding-left: 20px;
 color: #f2f2f2;
 font-weight: 400;
 text-decoration: none;

}

  1. nav a:hover{
 color: #f15258;
 -webkit-transition: color .1s ease-in;
 text-decoration: none;

}

/* --------------------- Content Wrappers --------------------- */

  1. content-wrapper{ /* ISSUES */
 width: 100%;
 height: auto%;

}

  1. text-wrapper{ /* ISSUES */
 float: right;
 margin-top: 30px;
 margin-right: 100px;
 width: 50%;
 padding: 100px;
 overflow: hidden;
 background-color: white;
 border-top: 10px solid #f15258;

}

/* --------------------- Sidebar --------------------- */

  1. sidebar {
 width: 200px;
 float: left;
 height: auto;
 border-top: 10px solid #f15258;
 background-color: white;
 margin: 30px 0px 0px 50px;
 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;

}

.h4-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%;

}