Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url(https://fonts.googleapis.com/css?family=Oswald);
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- a {
- text-decoration: none;
- }
- body {
- font-family: oswald;
- }
- Div#header {
- width: auto;
- height: 50px;
- background-color: #2c3e50;
- margin: 0 auto;
- }
- .logo {
- float: left;
- margin-top: 8px;
- }
- .logo a {
- font-size: 1.3em;
- margin-left: 10%;
- color: #fff;
- }
- div a#swag {
- margin-right: 15px;
- margin-top: 7px;
- color: #CCCCCC;
- background-color: #242424;;
- text-decoration: none;
- padding: 4px;
- float: right;
- border: 1px solid #2B2B2B;
- border-radius: 4px;
- }
- div a#swag:hover {
- margin-right: 15px;
- margin-top: 7px;
- color: #CCCCCC;
- background-color: #7A7A7A;
- text-decoration: none;
- padding: 4px;
- float: right;
- border: 1px solid #2B2B2B;
- border-radius: 4px;
- -webkit-transition: 0.4s;
- -moz-transition: 0.4s;
- }
- Div#container {
- width: 100%;
- margin: 0 auto;
- }
- .sidebar {
- width: 200px;
- height: 130%;
- background-color: #2B2B2B;
- float: left;
- }
- .content {
- width: calc(100% - 200px);
- height: 130%;
- background-color: #242424;
- float: right;
- padding: 15px;
- }
- ul#nav li {
- border-bottom: 1px dashed #1C1C1C;
- }
- ul#nav li a {
- color: #CCCCCC;
- display: block;
- padding: 12px 5px 12px 15px;
- font-size: 0.8em;
- -webkit-transition: 0.4s;
- -moz-transition: 0.4s;
- }
- ul#nav li a:hover {
- padding-left: 30px;
- background-color: #1A1A1A;
- }
- ul#nav li a.selected {
- padding-left: 15px;
- background-color: #1b2631;
- }
- div.content img{
- border-radius: 10px;
- border: 0px solid #1b2631;
- opacity: .7;
- margin: 10px;
- }
- div.content img:hover {
- opacity: 1;
- -webkit-transition: 0.4s;
- -moz-transition: 0.4s;
- }
- div.heading {
- padding: 1%;
- width: 90%;
- height: 20px;
- }
- h1 {
- padding: 5px;
- margin: auto;
- font-size: 20px;
- color:#CCCCCC;
- width: 100%;
- background-color: #2c3e50;
- }
- p {
- padding: 5px;
- font-size: 15px;
- width: 100%;
- background-color: #CCCCCC;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement