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

Revision as of 04:34, 19 October 2016 (view source) JavierMM (Talk | contribs) ← Older edit		Latest revision as of 01:10, 20 October 2016 (view source) Nixorati (Talk | contribs)
(11 intermediate revisions by 2 users not shown)
Line 13:		Line 13:
	}		}
		+	p{
		+	font-size:20px;}
	body {		body {
	background-color: #F4F4F4;		background-color: #F4F4F4;
Line 20:		Line 22:
	@font-face {		@font-face {
	font-family: Lato_Regular;		font-family: Lato_Regular;
−	src: url("https://2016.igem.org/File:T--Tec-Monterrey--Lato-Regular.ttf");	+	src: url("https://static.igem.org/mediawiki/2016/c/cf/T--Tec-Monterrey--Lato-Regular.ttf");
	}		}
	@font-face {		@font-face {
	font-family: Open_Sans;		font-family: Open_Sans;
−	src: url("../fonts/OpenSans-Regular.ttf");	+	src: url("https://static.igem.org/mediawiki/2016/e/e6/T--Tec-Monterrey--OpenSans-Regular.ttf");
	}		}
Line 100:		Line 102:
	background-image: url("https://static.igem.org/mediawiki/2016/1/1b/T--Tec-Monterrey--index-banner.png");		background-image: url("https://static.igem.org/mediawiki/2016/1/1b/T--Tec-Monterrey--index-banner.png");
	background-size: 100% 500px;		background-size: 100% 500px;
		+	background-repeat: no-repeat;
		+	overflow: hidden;
		+	}
		+	#index-cover-img-human {
		+	height: 700px;
		+	width: 100%;
		+	background-image: url("https://static.igem.org/mediawiki/2016/8/8d/T--Tec-Monterrey--hpimage.png");
		+	background-size: 100% 700px;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	overflow: hidden;		overflow: hidden;
Line 244:		Line 254:
	margin-top:6%;		margin-top:6%;
	}		}
		+
		+	.MathJax nobr>span.math>span{border-left-width:0 !important};

---

Latest revision as of 01:10, 20 October 2016

1. sideMenu, #top_title{

display:none; }

1. globalWrapper, #content{

 all: initial;
 * {
   all: unset;
 }

}

.navbar img {

   width: 10%;

}

p{ font-size:20px;} body {

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

}

@font-face {

   font-family: Lato_Regular;
   src: url("https://static.igem.org/mediawiki/2016/c/cf/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("");
   background-size: 100% 500px;
   background-repeat: no-repeat;
   overflow: hidden;

}

1. index-cover-img-human {

   height: 700px;
   width: 100%;
   background-image: url("");
   background-size: 100% 700px;
   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%;

}

.MathJax nobr>span.math>span{border-left-width:0 !important};