| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- @import url('reset.css');
- /* General Codrops Demo Style */
- body{
- background:#1F1F1F url(../images/pattern.png) repeat top left;
- color:#fff;
- font-family: 'PT Sans Narrow', Arial, sans-serif;
- font-size:14px;
- }
- a{
- color:#ddd;
- text-decoration:none;
- }
- a:hover{
- color:#00c6e3;
- }
- p.sub{
- padding:25px 10px 10px 10px;
- text-align:left;
- color:#aaa;
- }
- .clr{
- clear:both;
- }
- h1{
- margin:5px;
- font-size:24px;
- text-align:center;
- color:#fff;
- font-family:"Pacifico", Georgia, "Times New Roman", serif;
- text-shadow:1px 1px 1px #000;
- padding-bottom:10px;
- line-height:40px;
- }
- h1 span{
- font-size:10px;
- display:block;
- letter-spacing:2px;
- font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
- color:#00c6e3;
- line-height:14px;
- padding-top:10px;
- text-shadow:none;
- text-transform:uppercase;
- }
- /* Header Style */
- .header{
- font-size:13px;
- background:#000;
- opacity:0.9;
- text-transform:uppercase;
- -moz-box-shadow: 1px 0px 2px #000;
- -webkit-box-shadow: 1px 0px 2px #000;
- box-shadow: 1px 0px 2px #000;
- }
- .header a{
- line-height:18px;
- padding:0 4px;
- letter-spacing:1px;
- text-shadow:1px 1px 1px #000;
- color:#ddd;
- }
- .header a:hover{
- color:#fff;
- }
- .header a span{
- font-weight:bold;
- }
- .header span.right_ab{
- float:right;
- }
- .content{
- margin:0px 25px 30px 25px;
- }
- @media screen and (max-width: 640px) {
- .header a{
- display:block;
- text-align:center;
- font-size:10px;
- text-shadow:none;
- }
- .header span.right_ab{
- float:none;
- }
- }
|