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

Line 24: Line 24:
 
@font-face {
 
@font-face {
 
     font-family: Open_Sans;
 
     font-family: Open_Sans;
     src: url("https://2016.igem.org/File:T--Tec-Monterrey--OpenSans-Regular.ttf");
+
     src: url("https://static.igem.org/mediawiki/2016/e/e6/T--Tec-Monterrey--OpenSans-Regular.ttf");
 
}
 
}
  

Revision as of 08:10, 19 October 2016

  1. sideMenu, #top_title{

display:none; }

  1. globalWrapper, #content{
 all: initial;
 * {
   all: unset;
 }

}

.navbar img {

   width: 10%;

}

body {

   background-color: #F4F4F4;
   font-family: 'Lato_Regular';

}

@font-face {

   font-family: Lato_Regular;
   src: url("https://2016.igem.org/File:T--Tec-Monterrey--Lato-Regular.ttf");

} @font-face {

   font-family: Open_Sans;
   src: url("https://static.igem.org/mediawiki/2016/e/e6/T--Tec-Monterrey--OpenSans-Regular.ttf");

}

.navbar {

   padding-top: 1%;
   padding-bottom: 1%;
   background-color: #2b2b2b;
   width: 100%;

}

.navbar li p {

   font-weight: bold;

}

.dropdown-menu {

   opacity: .7;
   display: none;

}

.navbar-default .navbar-nav>li>p, .dropdown-menu {

   margin-top: 20px;
   color: #F8BD03;
   !important

}

.navbar-default .navbar-nav>li {

   margin-right: 5em;

}

.navbar-default .navbar-nav>li>p:hover {

   cursor: pointer;

}

.navbar-default {

   border: none;

}

.navbar-default .navbar-nav>.open>p, .navbar-default .navbar-nav>.open>p:focus, .navbar-default .navbar-nav>.open>p:hover {

   color: #3D986F;
   background-color: #2b2b2b;

}

.navbar-default .navbar-nav>li>p:hover {

   color: #3D986F;
   !important

}

  1. footer {
   background-color: #C6C6C6;
   color: #3D986F;

}

  1. main-container {
   padding: 0;

}

  1. footer-right-border {
   border-right: 2px solid #3D986F;

}

  1. footer h4 {
   font-weight: 500;

}

.verticalLine {

   border: thick solid #ff0000;

}

  1. index-cover-img-parent {
   height: 500px;
   width: 100%;
   background-image: url("T--Tec-Monterrey--index-banner.png");
   background-size: 100% 500px;
   background-repeat: no-repeat;
   overflow: hidden;

}

  1. cover {
   background-color: #2b2b2b;

}

.dropdown {

   display: none;

}

.navbar-nav .dropdown:hover .dropdown-menu {

   display: block;
   opacity: .7;

}

.dropdown-menu, .dropdown-menu a {

   border-radius: 20px !important;

}

.dropdown-menu li>a:hover {

   font-weight: bold;
   color: #F8BD03;
   !important

}

  1. iGem {
   position: relative;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   transform: translateX(-50%);

}

  1. main-video {
   width: 100%;
   -webkit-box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
   -moz-box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
   box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);

}

  1. index-cover-img {
   width: 100%;
   height: 400px;

}

  1. sponsors {
   background-color: #3D986F;

}

.panorama { overflow-x: scroll; overflow-y: hidden; }

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

}

.navbar-default .navbar-nav>li>a{

   color: #F8BD03 !important;
   margin-top:5px !important;

} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{

   color: #3D986F !important;
   background-color: #2b2b2b !important;

} @media (max-width: 1080){

   #iGem {
       width: 40%;
   }

} @media (max-width: 768px) {

   #index-cover-img {
       height: 300px;
   }
   #index-cover-img-parent {
       background-size: 100% 300px;
       size: 100% 300px;
       height: 300px;
   }
   #iGem {
       width: 40%;
   }

}

@media (max-width: 480px) {

   #index-cover-img {
       height: 200px;
   }
   #index-cover-img-parent {
       background-size: 100% 250px;
       size: 100% 200px;
       height: 250px;
   }
   #iGem {
       width: 50%;
   }

}

.vertical-center {

   display: flex;
   align-items: center;

}

div#hr_line>hr {

   border-top-left-radius: 100% 0.5em;
   border-bottom-left-radius: 100% 0.5em;
   border-top-right-radius: 100% 0.5em;
   border-bottom-right-radius: 100% 0.5em;
   display: block;
   height: 1px;
   border: 0;
   border-top: 5px solid #F8BD03;
   margin: 1em 0;
   padding: 0;

}

  1. our_project {
   color: #F8BD03;

}

  1. main_index_see_more {
   color: #3D986F;
   font-weight: bold;

}

  1. circuito-tab-container p {
   text-align:justify;

}

  1. circuito-tab-container .tab-pane div.well{
   max-height: 400px;
   overflow-y: scroll;

}

  1. titleBanner{
   margin-top:6%;

}