/***************************
This is a Cascading Style Sheet (CSS), which describes rules for styling HTML markup (and this is a comment, which you can delete).
To use this file, link it to your markup by placing a in the of your HTML file:
replacing "style.css" with the name of this CSS file.
Learn more about CSS at
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS
***************************/
* {
box-sizing: border-box;
}
.header {
border: 1px solid red;
padding: 15px;
}
.row::after {
content: "";
clear: both;
display: table;
}
.gradient {
height: auto;
background: red; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(blue, black); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(blue, black); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(blue, black); /* For Firefox 3.6 to 15 */
background: linear-gradient(blue, black); /* Standard syntax */
}
.border {
padding-left: 10px;
border-left: #5067a5 solid 3px;
border-left-style: solid;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-right: 10px;
border-right: #5067a5 solid 3px;
border-right-style: solid;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.navbar-margin {
margin-left: 5px;
margin-right: 5px;
}
.navbar-brand-margin {
margin-right: 20px;
}
.navbar-inverse .navbar-nav>.active a,
.navbar-inverse .navbar-nav>.active a:focus,
.navbar-inverse .navbar-nav>.active a:hover {
color: #96ddbe;
background-color: #1d477a;
border-left: #5067a5 solid 3px;
border-left-style: solid;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-right: #5067a5 solid 3px;
border-right-style: solid;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
[class*="col-"] {
float: right;
padding: 0;
margin: 0;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
.clock-style {
text-align: left;
color: deepskyblue;
}
/*MEDIA QUERY*/
@media only screen and (max-width: 650px) {
body {
background-color: darkblue;
}
.menu {
font-size: 15px;
}
.menu li {
margin-right: 5px;
padding: 2px;
}
.border {
width: 50%;
}
}
@media only screen and (max-width: 580px) {
.menu {
font-size: 12px;
}
.menu li {
margin-right: 5px;
padding: 2px;
}
#logo img {
width: 140px;
height: auto;
}
}
@media only screen and (max-width: 520px) {
body {
background-color: darkblue;
}
.menu {
font-size: 10px;
}
.menu li {
margin-right: 5px;
padding: 2px;
}
.border {
width: 50%;
}
#logo img {
width: 100px;
height: auto;
margin: 0;
}
}