Difference between revisions of "Team:TEC-Costa Rica/Template:Stylesheet"

Line 7: Line 7:
 
/* Setting the WIKI config to default. START */
 
/* Setting the WIKI config to default. START */
 
#globalWrapper {
 
#globalWrapper {
    margin: 0 auto;
+
margin: 0 auto;
    padding: 0;
+
padding: 0;
top: 0;
+
top: 0;
left: 0;
+
left: 0;
bottom: 0;
+
bottom: 0;
    width: 100%;
+
width: 100%;
    height: auto;
+
height: auto;
position: relative;
+
position: relative;
overflow: visible;
+
overflow: visible;
    background-color: transparent;
+
background-color: transparent;
 
}
 
}
  
 
#content {
 
#content {
    margin: 0;
+
margin: 0;
    padding: 0;
+
padding: 0;
    border: none;
+
border: none;
top: 0;
+
top: 0;
left: 0;
+
left: 0;
bottom: 0;
+
bottom: 0;
    width: 100%;
+
width: 100%;
    height: auto;
+
height: auto;
    position: relative;
+
position: relative;
    z-index: 1;
+
z-index: 1;
background-color: transparent;
+
background-color: transparent;
 
}
 
}
  
 
#bodyContent, #HQ_page, #mw-content-text {
 
#bodyContent, #HQ_page, #mw-content-text {
    margin: 0 auto;
+
margin: 0 auto;
    padding: 0;
+
padding: 0;
    border: none;
+
border: none;
    border-color: none;
+
border-color: none;
top: 0;
+
top: 0;
left: 0;
+
left: 0;
bottom: 0;
+
bottom: 0;
    height: auto;
+
height: auto;
    width: 100%;
+
width: 100%;
position: relative;
+
position: relative;
    background-color: transparent;
+
background-color: transparent;
 
}
 
}
  
Line 163: Line 163:
 
margin-top: 90px;  
 
margin-top: 90px;  
 
position: relative;
 
position: relative;
  padding-bottom: 200px;  
+
padding-bottom: 200px;  
 
}
 
}
  
Line 169: Line 169:
 
-------------------------------------------------- */
 
-------------------------------------------------- */
  
/* Carousel base class */
 
 
.carousel {
 
.carousel {
  height: 500px;
+
height: 500px;
 
}
 
}
/* Since positioning the image, we need to help out the caption */
 
 
.carousel-caption {
 
.carousel-caption {
  z-index: 10;
+
z-index: 10;
 
}
 
}
/* Declare heights because of positioning of img element */
 
 
.carousel .item {
 
.carousel .item {
  height: 500px;
+
height: 500px;
  background-color: #777;
+
background-color: #777;
 
}
 
}
 
.carousel-inner > .item > img {
 
.carousel-inner > .item > img {
Line 190: Line 187:
 
}
 
}
 
.carousel-indicators, .mw-content-ltr ol {
 
.carousel-indicators, .mw-content-ltr ol {
  position: absolute;
+
position: absolute;
  bottom: 10px;
+
bottom: 10px;
  left: 50%;
+
left: 50%;
  z-index: 15;
+
z-index: 15;
  width: 60%;
+
width: 60%;
  padding-left: 0;
+
padding-left: 0;
  margin-left: -30%;
+
margin-left: -30%;
  text-align: center;
+
text-align: center;
  list-style: none;
+
list-style: none;
 
}
 
}
  
Line 213: Line 210:
 
bottom: 0;
 
bottom: 0;
 
}
 
}
 
 
footer .row {
 
footer .row {
 
width: 85%;
 
width: 85%;
Line 220: Line 216:
 
margin: 0 auto 0 auto;
 
margin: 0 auto 0 auto;
 
}
 
}
 
 
footer .col-md-4 {
 
footer .col-md-4 {
 
padding: 0 25px;
 
padding: 0 25px;
Line 226: Line 221:
 
border-color: transparent;
 
border-color: transparent;
 
}
 
}
 
 
.footer-brand img {
 
.footer-brand img {
 
display: inline;
 
display: inline;
 
}
 
}
 
 
.footer-brand #igem-logo {
 
.footer-brand #igem-logo {
 
height: 50px;  
 
height: 50px;  
 
width: 50px;
 
width: 50px;
 
}
 
}
 
 
.footer-brand #tec-costarica-logo {
 
.footer-brand #tec-costarica-logo {
 
height: 40px;  
 
height: 40px;  
 
width: 125px;
 
width: 125px;
 
}
 
}
 
 
.footer-brand p {  
 
.footer-brand p {  
 
font-size: 12px;  
 
font-size: 12px;  
Line 247: Line 238:
 
font-family: 'Lato', sans-serif;
 
font-family: 'Lato', sans-serif;
 
}
 
}
 
 
footer .footer-social .social-media {
 
footer .footer-social .social-media {
 
list-style: none;
 
list-style: none;
 
margin: 0;
 
margin: 0;
 
}
 
}
 
 
footer .footer-social .social-media li {
 
footer .footer-social .social-media li {
 
display: inline;
 
display: inline;
Line 259: Line 248:
 
margin-left: 15px;  
 
margin-left: 15px;  
 
}
 
}
 
 
 
footer .footer-social .social-media li img {
 
footer .footer-social .social-media li img {
height: 50px;
+
height: 40px;
width: 50px;
+
width: 40px;
 
}
 
}
 
 
footer h4 {
 
footer h4 {
 
font-family: 'Oswald', sans-serif;
 
font-family: 'Oswald', sans-serif;

Revision as of 19:38, 16 September 2016