Team:Tec-Monterrey/ITESM14 main.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
#globalWrapper {
#globalWrapper {
     font-family: 'Yanone Kaffeesatz';
     font-family: 'Yanone Kaffeesatz';
     background: url(https://static.igem.org/mediawiki/2014/4/44/ITESM14_background.png);
     background: url(https://static.igem.org/mediawiki/2014/4/44/ITESM14_background.png);
}
}
 +
 +
body {
 +
    font-family: 'Yanone Kaffeesatz';
 +
    background: url(https://static.igem.org/mediawiki/2014/4/44/ITESM14_background.png);
 +
}
 +
/* Remove logo and search */
/* Remove logo and search */
Line 60: Line 67:
     font-size: 20px;
     font-size: 20px;
     font-weight: lighter;
     font-weight: lighter;
-
}
 
-
 
-
#wiki-body .navbar-default {
 
-
    background-color: #451d8e;
 
-
    border-color: #ff0060;
 
-
}
 
-
#wiki-body .navbar-default .navbar-brand {
 
-
    color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-brand:hover, #wiki-body .navbar-default .navbar-brand:focus {
 
-
    color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-text {
 
-
    color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-nav > li > a {
 
-
    color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-nav > li > a:hover, #wiki-body .navbar-default .navbar-nav > li > a:focus {
 
-
    color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-nav > .active > a, #wiki-body .navbar-default .navbar-nav > .active > a:hover, #wiki-body .navbar-default .navbar-nav > .active > a:focus {
 
-
    color: #f4ff3b;
 
-
    background-color: #ff0060;
 
-
}
 
-
#wiki-body .navbar-default .navbar-nav > .open > a, #wiki-body .navbar-default .navbar-nav > .open > a:hover, #wiki-body .navbar-default .navbar-nav > .open > a:focus {
 
-
    color: f4ff3b;
 
-
    background-color: #ff0060;
 
-
}
 
-
#wiki-body .navbar-default .navbar-toggle {
 
-
    border-color: #ff0060;
 
-
}
 
-
#wiki-body .navbar-default .navbar-toggle:hover, #wiki-body .navbar-default .navbar-toggle:focus {
 
-
    background-color: #ff0060;
 
-
}
 
-
#wiki-body .navbar-default .navbar-toggle .icon-bar {
 
-
    background-color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-collapse,
 
-
#wiki-body .navbar-default .navbar-form {
 
-
    border-color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-link {
 
-
    color: #f4ff3b;
 
-
}
 
-
#wiki-body .navbar-default .navbar-link:hover {
 
-
    color: f4ff3b;
 
-
}
 
-
 
-
@media (max-width: 767px) {
 
-
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 
-
        color: f4ff3b;
 
-
    }
 
-
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 
-
        color: f4ff3b;
 
-
    }
 
-
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 
-
        color: f4ff3b;
 
-
        background-color: #ff0060;
 
-
    }
 
}
}
Line 135: Line 82:
     border: 0px;
     border: 0px;
     border-radius: 0px;
     border-radius: 0px;
-
    opacity: 0.9;
 
}
}
h1 {
h1 {
     color: #ff0060;
     color: #ff0060;
 +
}
 +
 +
/*================ Hacer video resposivo ================*/
 +
 +
.video-container {
 +
    position: relative;
 +
    padding-bottom: 56.25%;
 +
    padding-top: 30px; height: 0; overflow: hidden;
 +
}
 +
 +
.video-container iframe,
 +
.video-container object,
 +
.video-container embed {
 +
    position: absolute;
 +
    top: 30px;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
/*============= Fin video responsivo ==============*/
 +
 +
 +
/*=================== Footer ===================*/
 +
 +
 +
div#footer {
 +
    width: 920px;
 +
    margin: 0px auto;
 +
    padding: 0px 20px;
 +
    text-align: center;
 +
}
 +
 +
div#footer ul {
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 +
div#footer li {
 +
    padding: 0px 5px;
 +
    display: inline;
 +
}
 +
 +
 +
footer{
 +
    height: 245px;
 +
    position:relative;
 +
    z-index:-2;
 +
    background-color:#451d8e;
 +
}
 +
 +
/*
 +
#wiki-footer {
 +
    position:fixed;
 +
    z-index:-1;
 +
    bottom: 160;
 +
}
 +
*/
 +
 +
 +
#wiki-footer h1 {
 +
    font-size:1.8vw;
 +
    color: #f4ff3b;
 +
    background-color: #ff0060;
}
}

Revision as of 04:25, 23 September 2014

  1. globalWrapper { 
   font-family: 'Yanone Kaffeesatz';
   background: url(ITESM14_background.png);

}

body { 

   font-family: 'Yanone Kaffeesatz';
   background: url(ITESM14_background.png);

}


/* Remove logo and search */ div#p-logo, div#search-controls { 

   display: none;

}

/* Center wiki-menu; set font & bg (as fallback) color */ div#top-section { 

   margin: 0px auto;
   width: auto;
   height: 20px;
   color: #d4c6b6;
   background: transparent;
   margin-top: 50px;

}

/* Set font and positions */ div#menubar { 

   font-size: 13px;
   line-height: 20px;

}

div#menubar.right-menu { 

   margin-right: 134px;
   float: right;
   display: none;

}

div#menubar.left-menu { 

   float: left;
   margin-left: 360px;
   display: none;

}

div#menubar li { 

   padding: 0px 5px;
   color: #FFFFFF;
   display: inline;

}

/* White on hover */ div#menubar a:hover { 

   color: ##f4ff3b;
   text-decoration: none;

}


/* Start header style =================================================== */

/* Hide page title (it would appear before the header) */ h1.firstHeading { 

   display: none;

}

  1. wiki-body p { 
   font-size: 20px;
   font-weight: lighter;

}

.mypic { 

   z-index: 2000;

}

.main-content { 

   z-index: -4;

}

.well { 

   z-index: -6;
   background-color: #ffffff;
   border: 0px;
   border-radius: 0px;

}

h1 { 

   color: #ff0060;

}

/*================ Hacer video resposivo ================*/

.video-container { 

   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px; height: 0; overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed { 

   position: absolute;
   top: 30px;
   left: 0;
   width: 100%;
   height: 100%;

}

/*============= Fin video responsivo ==============*/


/*=================== Footer ===================*/


div#footer { 

   width: 920px;
   margin: 0px auto;
   padding: 0px 20px;
   text-align: center;

}

div#footer ul { 

  margin: 0;
  padding: 0;

}

div#footer li { 

   padding: 0px 5px;
   display: inline;

}


footer{ 

   height: 245px;
   position:relative;
   z-index:-2;
   background-color:#451d8e;

}

/*

  1. wiki-footer { 
   position:fixed;
   z-index:-1;
   bottom: 160;

}

  • /


  1. wiki-footer h1 { 
   font-size:1.8vw;
   color: #f4ff3b;
   background-color: #ff0060;

}

Retrieved from "http://2014.igem.org/Team:Tec-Monterrey/ITESM14_main.css"