Difference between revisions of "Template:Template Wellesley TheTech"

(Blanked the page)
(Wellesley_TheTech_Styling)
Line 1: Line 1:
 +
<head>
 +
<!-- Start of CSS-->
 +
<style type="text/css">
 +
  
 +
body {
 +
background-image: url("bacground0.png");
 +
width: 980px;
 +
margin: auto;
 +
background-color: #565656;
 +
min-height: 600px;
 +
}
 +
 +
@font-face {
 +
  font-family: 'SlimJoe';
 +
  src: url("SlimJoe.otf")
 +
}
 +
 +
 +
#mainContainer { 
 +
width: 998px;
 +
position: absolute;
 +
bottom: 0;
 +
top: 0;
 +
margin: auto;
 +
background-color: #fff;
 +
border-bottom: 14px solid #717171;
 +
border-top: 30px solid #7a86c2;
 +
min-height: 550px;
 +
}
 +
 +
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
color: #24B694;
 +
position:absolute;
 +
bottom: 0px;
 +
margin-left: -45px;
 +
width: 1061px;
 +
z-index: 999;
 +
}
 +
 +
 +
 +
#topContainer{
 +
 +
position: absolute;
 +
top: 0px;
 +
left: 0;
 +
width: 100%;
 +
text-align: left;
 +
}
 +
 +
#topContainer h1 {
 +
color: #5d6bb2;
 +
font-weight: bold;
 +
font-family: "Roboto", sans-serif;
 +
font-size: 40px;
 +
margin: 25px 50px 5px;
 +
}
 +
 +
#topContainer h2 {
 +
color: #5d6bb2;
 +
font-family: "SlimJoe";
 +
font-size: 45px;
 +
margin: -60px 410px -40px;
 +
}
 +
 +
#topContainer h3 {
 +
color: #5d6bb2;
 +
font-family: "SlimJoe";
 +
font-size: 45px;
 +
margin: -13px 2000px;
 +
}
 +
 +
a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 +
.nextLine{
 +
margin-top: -40px;
 +
margin-left: 60px;
 +
}
 +
 +
.leftFloat {
 +
float:left;
 +
}
 +
 +
.rightFloat{
 +
float:right;
 +
}
 +
 +
#menuBar {
 +
background-color: #717171;
 +
position: absolute;
 +
top: 150px;
 +
left: 0;
 +
height: 40px;
 +
width: 100%;
 +
}
 +
 +
#menuwrapper {
 +
    padding-left: 100px;
 +
}
 +
 +
#menuBar ul {
 +
list-style:none;
 +
display: inline;
 +
background-color: #717171;
 +
height: 40px;
 +
cursor:pointer;
 +
}
 +
 +
#menuBar ul li {
 +
    display: inline-block;
 +
    margin: 5px 25px 0px;
 +
    font-family: "SlimJoe";
 +
font-size: 20px;
 +
font-weight: bold;
 +
color: #fff;
 +
cursor: pointer;
 +
}
 +
 +
#menuBar ul li:hover {
 +
color: #57c7da;
 +
background: #fff;
 +
}
 +
 +
#menuBar ul li ul {
 +
padding: 0;
 +
position: absolute;
 +
top: 48px;
 +
left: 0;
 +
width: 150px;
 +
display: none;
 +
  opacity: 0;
 +
  visibility: hidden;
 +
}
 +
 +
#menuBar ul li ul li {
 +
  background: #555;
 +
display: block;
 +
color: #fff;
 +
}
 +
 +
 +
</style>

Revision as of 19:12, 6 September 2015

<head> <style type="text/css">


body { background-image: url("bacground0.png"); width: 980px; margin: auto; background-color: #565656; min-height: 600px; }

@font-face { font-family: 'SlimJoe'; src: url("SlimJoe.otf") }


#mainContainer { width: 998px; position: absolute; bottom: 0; top: 0; margin: auto; background-color: #fff; border-bottom: 14px solid #717171; border-top: 30px solid #7a86c2; min-height: 550px; }

/*Set up height place holder for the banner*/ #bannerContainer { color: #24B694; position:absolute; bottom: 0px; margin-left: -45px; width: 1061px; z-index: 999; }


#topContainer{

position: absolute; top: 0px; left: 0; width: 100%; text-align: left; }

#topContainer h1 { color: #5d6bb2; font-weight: bold; font-family: "Roboto", sans-serif; font-size: 40px; margin: 25px 50px 5px; }

#topContainer h2 { color: #5d6bb2; font-family: "SlimJoe"; font-size: 45px; margin: -60px 410px -40px; }

#topContainer h3 { color: #5d6bb2; font-family: "SlimJoe"; font-size: 45px; margin: -13px 2000px; }

a { color: inherit; text-decoration: none; }

.nextLine{ margin-top: -40px; margin-left: 60px; }

.leftFloat { float:left; }

.rightFloat{ float:right; }

#menuBar { background-color: #717171; position: absolute; top: 150px; left: 0; height: 40px; width: 100%; }

#menuwrapper { padding-left: 100px; }

#menuBar ul { list-style:none; display: inline; background-color: #717171; height: 40px; cursor:pointer; }

#menuBar ul li { display: inline-block; margin: 5px 25px 0px; font-family: "SlimJoe"; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; }

#menuBar ul li:hover { color: #57c7da; background: #fff; }

#menuBar ul li ul { padding: 0; position: absolute; top: 48px; left: 0; width: 150px; display: none; 

 				 opacity: 0;
 				 visibility: hidden;

}

#menuBar ul li ul li { 

 				 background: #555;

display: block; color: #fff; }


</style>