Difference between revisions of "Template:Tec-Monterrey/css/styleCol"

Line 126: Line 126:
 
}
 
}
  
.fbBtn,
+
#fbBtn,
.vdBtn,
+
#vdBtn,
.wikiBtn{
+
#wikiBtn{
 
     height: 56px;
 
     height: 56px;
 
     width: 56px;
 
     width: 56px;
 
}
 
}
  
.fbBtn {
+
#fbBtn {
     background-image: url("https://static.igem.org/mediawiki/2016/c/c4/T--Tec-Monterrey--BotonFB_Negro.png");
+
     background-image: url("../assets/BotonFB_Negro.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
}
 
}
  
.fbBtn:hover {
+
#fbBtn:hover {
 
     cursor: pointer;
 
     cursor: pointer;
     background-image: url("https://static.igem.org/mediawiki/2016/8/87/T--Tec-Monterrey--BotonFB_Amarillo.png");
+
     background-image: url("../assets/BotonFB_Amarillo.png");
 
}
 
}
  
.vdBtn {
+
#vdBtn {
     background-image: url("https://static.igem.org/mediawiki/2016/0/0f/T--Tec-Monterrey--BotonVideo_Negro.png");
+
     background-image: url("../assets/BotonVideo_Negro.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
}
 
}
  
.vdBtn:hover {
+
#vdBtn:hover {
 
     cursor: pointer;
 
     cursor: pointer;
     background-image: url("https://static.igem.org/mediawiki/2016/b/b2/T--Tec-Monterrey--BotonVideo_Amarillo.png");
+
     background-image: url("../assets/BotonVideo_Amarillo.png");
 
}
 
}
  
.wikiBtn{
+
#wikiBtn{
     background-image: url("https://static.igem.org/mediawiki/2016/2/2e/T--Tec-Monterrey--BotonWiki_Negro.png");
+
     background-image: url("../assets/BotonWiki_Negro.png");
 
     background-size: cover;
 
     background-size: cover;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
}
 
}
  
.wikiBtn:hover{
+
#wikiBtn:hover{
  cursor: pointer;
+
    cursor: pointer;
     background-image: url("https://static.igem.org/mediawiki/2016/1/11/T--Tec-Monterrey--BotonWiki_Amarillo.png");
+
     background-image: url("../assets/BotonWiki_Amarillo.png");
 
}
 
}

Revision as of 19:53, 15 October 2016

  1. colImage {
   margin-left: 25%;
   margin-top: 10%;

}

.nav-tabs > li {

   float: none;
   display: inline-block;
   *display: inline;
   /* ie7 fix */
   zoom: 1;
   /* hasLayout ie7 trigger */

}

.nav-tabs>li {

   padding: 0 !important;

}

.nav-tabs>li>a {

   color: white;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   padding-right: 42.5px !important;
   padding-left: 42.5px !important;

}

.nav-tabs>li, .nav-tabs>li:hover {

   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
   padding-right: 40px;
   padding-left: 40px;
   cursor: pointer;
   margin-left: 0px;
   margin-right: 0px;

}

.nav-tabs>li.active, .nav-tabs>li:hover {

   color: white;
   font-weight: bold;
   font-size: 17px;
   background-color: #F8BD03 !important;

}

.nav-tabs>li>a, .nav-tabs>li {

   background-color: #C6C6C6;

}

.nav-tabs>li {

   -webkit-box-shadow: -3px -2px 5px 3px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: -3px -2px 5px 3px rgba(0, 0, 0, 0.75);
   box-shadow: -2px -1px 1px 1px rgba(0, 0, 0, 0.75);

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active:hover {

   color: white;
   font-weight: bold;
   font-size: 17px;
   cursor: pointer;
   background-color: #F8BD03 !important;
   border: 0 !important;

}

.nav-tabs > li.active > a {

   color: white;
   font-weight: bold;
   font-size: 17px;
   margin-top: 8px;

}

.nav-tabs>li>a, .nav-tabs>li>a:focus {

   color: white !important;
   padding-left: 10px;

}

.nav-tabs>li>a:hover {

   border: 0;
   background-color: #F8BD03 !important;

}

.nav-tabs > li {

   margin-bottom: 0px;

}

.nav-tabs > li.active {

   /* -webkit-box-shadow: 2px 3px 0px rgba(4, 4, 4, 0.3);
   -moz-box-shadow:    2px 3px 0px rgba(4, 4, 4, 0.3);
   box-shadow:         2px 3px 0px rgba(4, 4, 4, 0.3);*/
   -webkit-box-shadow: -3px -2px 5px 3px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: -3px -2px 5px 3px rgba(0, 0, 0, 0.75);
   box-shadow: -2px -1px 5px 2px rgba(0, 0, 0, 0.75);

}

.nav-tabs, .nav-pills {

   text-align: center;

}

  1. parisIMG {
   margin-top: 15%;
   width: 100%;

}

  1. toulIMG,
  2. guanajuatoIMG {
   width: 100%;

}

.collaborationContent p {

   text-align: justify;
   font-family: Open_Sans;

}

.collaborationContent h4 {

   color: #3D986F;
   font-family: Lato_Regular;

}

.tab-content .tab-pane {

   position: relative;

}

  1. fbBtn,
  2. vdBtn,
  3. wikiBtn{
   height: 56px;
   width: 56px;

}

  1. fbBtn {
   background-image: url("../assets/BotonFB_Negro.png");
   background-size: cover;
   background-repeat: no-repeat;

}

  1. fbBtn:hover {
   cursor: pointer;
   background-image: url("../assets/BotonFB_Amarillo.png");

}

  1. vdBtn {
   background-image: url("../assets/BotonVideo_Negro.png");
   background-size: cover;
   background-repeat: no-repeat;

}

  1. vdBtn:hover {
   cursor: pointer;
   background-image: url("../assets/BotonVideo_Amarillo.png");

}

  1. wikiBtn{
   background-image: url("../assets/BotonWiki_Negro.png");
   background-size: cover;
   background-repeat: no-repeat;

}

  1. wikiBtn:hover{
   cursor: pointer;
   background-image: url("../assets/BotonWiki_Amarillo.png");

}