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

 
(3 intermediate revisions by the same user not shown)
Line 117: Line 117:
 
.concept {
 
.concept {
 
display: block;
 
display: block;
−
text-align: center;
+
text-align: center !important;
 
margin: 10px auto 0 auto;
 
margin: 10px auto 0 auto;
 
width: 80%
 
width: 80%
 +
}
 +
.concept p {
 +
text-align: center !important;
 
}
 
}
 
.jumbotron span { font-size: 40px; }
 
.jumbotron span { font-size: 40px; }
Line 145: Line 148:
 
@media screen and (max-width: 980px) {
 
@media screen and (max-width: 980px) {
 
#navbar { float: left; }
 
#navbar { float: left; }
 +
.well {
 +
padding: 0;
 +
}
 
}
 
}
 
@media screen and (max-width: 768px) {
 
@media screen and (max-width: 768px) {
Line 152: Line 158:
 
}
 
}
 
.navbar-nav li a { text-align: center; }
 
.navbar-nav li a { text-align: center; }
−
.jumbotron h1 { font-size: 40px !important; }
 
−
.jumbotron span { font-size: 30px; }
 
−
}
 
−
@media screen and (max-width: 530px) {
 
−
#home h1 {
 
−
font-size: 80px;
 
−
}
 
−
#facts h1, #detection h1, #system h1 { font-size: 30px; }
 
−
#facts h2, #detection h2, #system h2 { font-size: 25px; }
 
−
#facts p, #detection p, #system p { font-size: 15px; }
 
 
}
 
}
 
@media screen and (max-width: 480px) {
 
@media screen and (max-width: 480px) {
Line 169: Line 165:
 
}
 
}
 
.navbar-nav li a { text-align: center; }
 
.navbar-nav li a { text-align: center; }
−
.jumbotron h1 { font-size: 30px !important; }
 
−
.jumbotron span { font-size: 20px; }
 
−
#home h1 {
 
−
font-size: 60px;
 
−
}
 
−
#home h1 {
 
−
font-size: 80px;
 
−
}
 
−
#facts h1, #detection h1, #system h1 { font-size: 30px; }
 
−
#facts h2, #detection h2, #system h2 { font-size: 25px; }
 
−
#facts p, #detection p, #system p { font-size: 15px; }
 
 
}
 
}
−
@media screen and (max-width: 330px) {
 
−
#home h1 {
 
−
font-size: 50px;
 
−
}
 
−
#home p {
 
−
font-size: 15px;
 
−
}
 
−
}
 
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 20:50, 2 December 2016