/css/application.css
CSS | 135 lines | 91 code | 27 blank | 17 comment | 0 complexity | 7f201a3b0557cbaaa98ffda816c92955 MD5 | raw file
Possible License(s): GPL-2.0, LGPL-2.1, MPL-2.0-no-copyleft-exception, BSD-3-Clause
- /*
- // ========================================== \\
- || ||
- || Your styles ! ||
- || ||
- \\ ========================================== //
- */
- body{
- font-family:Helvetica, Helvetica Neue, Arial, sans-serif;
- }
- a, a:active, a:visited { color: #1c1c1c; }
- a:hover { color: #333333; }
- .wrapper{
- margin:auto;
- width:950px;
- }
- #header-container{
- background-color: #333333;
- height:130px;
- border-bottom:20px solid #9dfafa;
- margin-bottom:50px;
- -webkit-box-shadow:0 40px 40px -40px #AAA;
- -moz-box-shadow:0 40px 40px -40px #AAA;
- box-shadow:0 40px 40px -40px #AAA;
- }
- #title{
- font-size: 40px;
- color:white;
- padding-top:80px;
- float:left;
- }
- h2{
- font-size: 55px;
- }
- h3{
- font-size: 20px;
- }
- nav{
- float:right;
- margin-right: -52px;
- margin-top:100px;
- }
- nav ul, nav ul li{
- display:inline;
- }
- nav a{
- padding:20px;
- text-decoration:none;
- background-color: #9dfafa;
- }
- aside{
- color:white;
- padding:10px;
- float:right;
- height:500px;
- width:250px;
- background-color: #333333;
- border-bottom:20px solid #333333;
- margin-bottom:50px;
- margin-right:-50px;
- overflow:hidden;
- }
- #main p{
- font-family:Helvetica, Helvetica Neue, Arial;
- width:620px;
- text-shadow:none;
- }
- aside p {
- font-size:11px;
- font-family:monospace;
- }
- #main header h2{
- padding-bottom:30px;
- }
- /*
- article header{
- margin-bottom:50px;
- padding-bottom:30px;
- width:700px;
- -webkit-box-shadow:0 45px 60px -60px #AAA;
- -moz-box-shadow:0 45px 60px -60px #AAA;
- box-shadow:0 45px 60px -60px #AAA;
- }
- */
- #footer-container{
- background-color: #333333;
- height:240px;
- border-top:20px solid #9dfafa;
- margin-top:50px;
- -webkit-box-shadow:0 -40px 40px -40px #AAA;
- -moz-box-shadow:0 -40px 40px -40px #AAA;
- box-shadow:0 -40px 40px -40px #AAA;
- }
- #footer-container footer{
- color:white;
- margin-top: 10px;
- }
- .info {
- position:absolute;
- right: 0px;
- top:5px;
- background-color:white;
- padding:10px;
- margin-top:5px;
- }
- #jquery-test{
- top:45px;
- }