Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700,700italic);
- *{
- margin: 0;
- padding: 0;
- border-sizing: border-box;
- }
- a{
- text-decoration: none;
- }
- body{
- font-family: 'Open Sans'
- }
- #header{
- width: 100%;
- height: 50px;
- background: #2c3e50;
- margin: 0 auto;
- }
- .logo{
- float: left;
- margin-left: 10px;
- margin-top: 4px;
- }
- .logo a{
- font-size: 1.6em;
- color: #fff;
- }
- .logo span{
- font-weight: 300;
- }
- #container{
- width: 100%;
- margin: 0 auto;
- }
- .sidebar{
- width: 250px;
- height: 100%;
- background-color: #171717;
- float: left;
- }
- ul#nav{
- }
- ul#nav li{
- list-style: none;
- }
- ul#nav li a{
- color: #ccc;
- display: block;
- padding: 10px;
- font-size: 0.8em;
- border-bottom: 1px solid #0a0a0a;
- -webkit-transition: 0.2s;
- -moz-transition: 0.2s;
- -o-transition: 0.2s;
- transition: 0.2s;
- }
- ul#nav li a:hover{
- background-color: #030303;
- color: #fff;
- padding-left: 15px;
- }
- ul#nav li a.selected{
- background-color: #030303;
- color: #fff;
- }
- .content{
- width: auto;
- margin-left: 250px;
- height: 100%;
- background-color: #bdc3c7;
- padding: 15px;
- }
- .content p{
- color: #424242;
- font-size: 0.73em;
- }
- div#box{
- margin-top: 15px;
- }
- div#box .box-top{
- color: #fff;
- text-shadow: 0px 1px #ddd;
- background: #2980b9;
- padding: 15px;
- font-weight: 300;
- }
- div#box .box-panel{
- padding: 15px;
- background: #fff;
- color: #333;
- font-size: 0.80em;
- }
- a.mobile{
- display: block;
- color: #fff;
- background-color: #000;
- text-align: center;
- padding: 7px;
- }
- a.mobile:active {
- background-color: #4a4a4a;
- }
- @media only screen and (max-width: 320px;){
- .sidebar{
- display: none;
- }
- .content{
- margin-left: 0px;
- }
- }
- @media only screen and (min-width: 320px;){
- a.mobile{
- display: none;
- }
- .sidebar{
- height: 100%;
- display: block;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement