You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
156 lines
2.5 KiB
156 lines
2.5 KiB
9 years ago
|
/*
|
||
|
|
99Lime.com HTML KickStart by Joshua Gatcke
|
||
|
|
style.css
|
||
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
/*---------------------------------
|
||
|
|
IMPORTS
|
||
|
|
-----------------------------------*/
|
||
|
|
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);
|
||
|
|
|
||
|
|
/*---------------------------------
|
||
|
|
OVERRIDES
|
||
|
|
-----------------------------------*/
|
||
|
|
h1,h2,h3,h4,h5,h6{
|
||
|
|
font-family: "Arimo", arial, verdana, sans-serif;
|
||
|
|
font-weight:normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
thead th,
|
||
|
|
tbody th{
|
||
|
|
font-family: "Arimo", arial, verdana, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
button,
|
||
|
|
a.btn,
|
||
|
|
input[type="submit"],
|
||
|
|
input[type="reset"],
|
||
|
|
input[type="button"]{
|
||
|
|
font-family: "Arimo", arial, verdana, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu{
|
||
|
|
font-family: "Arimo", arial, verdana, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
blockquote{
|
||
|
|
font-family: "Arimo", arial, verdana, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*---------------------------------
|
||
|
|
LAYOUT
|
||
|
|
-----------------------------------*/
|
||
|
|
body{
|
||
|
|
margin:0;
|
||
|
|
padding:0 0 0 0;
|
||
|
|
color:#000;
|
||
|
|
background:#efefef url(css/img/gray_jean.png);
|
||
|
|
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
|
||
|
|
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
|
||
|
|
}
|
||
|
|
|
||
|
|
#wrap{
|
||
|
|
width:100%;
|
||
|
|
background:#fff;
|
||
|
|
margin:30px auto 30px auto;
|
||
|
|
padding:0 2%;
|
||
|
|
border:1px solid #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#footer{
|
||
|
|
text-align:center;
|
||
|
|
padding:20px;
|
||
|
|
margin:0;
|
||
|
|
border-top:1px solid #ddd;
|
||
|
|
color:#999;
|
||
|
|
font-size:0.8em;
|
||
|
|
text-shadow:0px 1px 1px #fff;
|
||
|
|
position: relative;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
background:#fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
#link-top{
|
||
|
|
display:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* NAV BAR*/
|
||
|
|
.navbar{
|
||
|
|
position:fixed;
|
||
|
|
top:0;
|
||
|
|
left:0;
|
||
|
|
width: 100%;
|
||
|
|
background:#000;
|
||
|
|
color:#fff;
|
||
|
|
z-index:1000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar #logo{
|
||
|
|
position:absolute;
|
||
|
|
top:0;
|
||
|
|
right:0;
|
||
|
|
padding:0.5em 1em;
|
||
|
|
font-size: 1.7em;
|
||
|
|
color:#efefef;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar span{
|
||
|
|
color:#86dc00;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.navbar ul{
|
||
|
|
display:inline-block;
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar li{
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
list-style-type:0;
|
||
|
|
display:inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar li a{
|
||
|
|
display:inline-block;
|
||
|
|
color:#efefef;
|
||
|
|
padding:1em 1.3em;
|
||
|
|
text-decoration:none;
|
||
|
|
text-transform: uppercase;
|
||
|
|
line-height:100%;
|
||
|
|
font-size: 1.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.callout{
|
||
|
|
background:#4598ef;/*#86dc00;*/
|
||
|
|
padding:3em 0;
|
||
|
|
color:#fff;
|
||
|
|
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
|
||
|
|
text-align: center;
|
||
|
|
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
|
||
|
|
display:block;
|
||
|
|
}
|
||
|
|
.callout + div.grid{margin-top:50px;}
|
||
|
|
a.callout{cursor:pointer;}
|
||
|
|
.callout i.icon-4x{font-size:6em;}
|
||
|
|
.callout h4{margin-bottom:30px;}
|
||
|
|
.callout-top{margin:50px 0 0 0;}
|
||
|
|
.callout p{margin-bottom:0;}
|
||
|
|
.callout .button{margin-top:10px;}
|
||
|
|
.callout.green{background:#19ad0b;/*#86dc00;*/}
|
||
|
|
|
||
|
|
#mc_embed_signup{
|
||
|
|
padding:30px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#ui-preview{
|
||
|
|
border:5px solid #ddd;
|
||
|
|
margin:30px 0;
|
||
|
|
display:block;
|
||
|
|
}
|