geocation.com/css/style.css

298 lines
3.8 KiB
CSS
Raw Permalink Normal View History

2022-04-11 00:30:58 -04:00
/*@import url(http://fonts.googleapis.com/css?family=Abel);*/
2022-04-09 16:49:21 -04:00
2022-04-11 00:30:58 -04:00
body {
background-color: #fefdfb;
color: #555;
font-family: 'Abel', sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0;
}
a:link, a:visited, a:active {
color: inherit;
/*text-decoration: none;*/
}
a:hover {
color: #FC436B;
text-decoration: underline;
}
img {
padding: 5px;
}
.icon, .hide {
font-size: 20px;
}
.right {
text-align: right;
}
2022-04-09 16:49:21 -04:00
2022-04-11 00:30:58 -04:00
.hide {
display: none;
}
2022-04-09 16:49:21 -04:00
#menu {
2022-04-11 00:30:58 -04:00
width: 100%;
min-height: 35px;
background-color: /*#01dddd #B61B82 #03D7CB*/
green;
position: fixed;
top: 0;
left: 0;
2022-04-09 16:49:21 -04:00
}
#menu a {
2022-04-11 00:30:58 -04:00
background-color: inherit;
color: #fff;
2022-04-09 16:49:21 -04:00
}
#menu a:hover {
2022-04-11 00:30:58 -04:00
background: inherit;
color: #ccc;
text-decoration: none;
2022-04-09 16:49:21 -04:00
}
nav {
2022-04-11 00:30:58 -04:00
display: table;
table-layout: fixed;
width: 70%;
margin: 0 auto;
2022-04-09 16:49:21 -04:00
}
2022-04-11 00:30:58 -04:00
ul#topnav {
display: table-row;
padding: 0;
overflow: hidden;
position: relative;
bottom: 0;
2022-04-09 16:49:21 -04:00
}
ul#topnav li {
2022-04-11 00:30:58 -04:00
list-style-type: none;
display: table-cell;
text-align: center;
vertical-align: middle;
2022-04-09 16:49:21 -04:00
}
ul#topnav li a {
2022-04-11 00:30:58 -04:00
display: block;
padding: 4px 0px;
2022-04-09 16:49:21 -04:00
}
#container {
2022-04-11 00:30:58 -04:00
width: 100%;
margin-top: 48px;
2022-04-09 16:49:21 -04:00
}
#pageheader {
2022-04-11 00:30:58 -04:00
display: table;
width: 62.5%;
margin: auto;
2022-04-09 16:49:21 -04:00
}
.section {
2022-04-11 00:30:58 -04:00
width: 62.5%;
border-top: 1px solid #eee;
padding: 20px 0;
margin: auto;
2022-04-09 16:49:21 -04:00
}
.pageitem {
2022-04-11 00:30:58 -04:00
display: table;
width: 100%;
margin-bottom: 15px;
padding-top: 15px;
text-align: center;
2022-04-09 16:49:21 -04:00
}
.pageitem h1 {
2022-04-11 00:30:58 -04:00
font-weight: normal;
color: #555;
margin: 0;
text-align: left;
2022-04-09 16:49:21 -04:00
}
.pageitem h2 {
2022-04-11 00:30:58 -04:00
font-size: 32px;
background-color: inherit;
color: #444;
margin-top: 0;
2022-04-09 16:49:21 -04:00
}
.pageitem p em {
2022-04-11 00:30:58 -04:00
background-color: inherit;
color: #444;
font-size: 40px;
font-style: normal;
font-weight: 100;
2022-04-09 16:49:21 -04:00
}
.pageitem p {
2022-04-11 00:30:58 -04:00
padding: 0 75px;
margin: 0;
font-size: 18px;
line-height: 200%;
}
2022-04-09 16:49:21 -04:00
.col {
2022-04-11 00:30:58 -04:00
display: table-cell;
2022-04-09 16:49:21 -04:00
}
.col ul#sub {
2022-04-11 00:30:58 -04:00
float: right;
padding: 0;
margin: 0;
2022-04-09 16:49:21 -04:00
}
.col ul#sub li {
2022-04-11 00:30:58 -04:00
display: inline;
list-style-type: none;
text-align: right;
2022-04-09 16:49:21 -04:00
}
.col ul#sub li a {
2022-04-11 00:30:58 -04:00
padding: 5px;
background-color: inherit;
color: #777;
2022-04-09 16:49:21 -04:00
}
.col ul#sub li a:hover {
2022-04-11 00:30:58 -04:00
color: #FC436B;
2022-04-09 16:49:21 -04:00
}
#footer {
2022-04-11 00:30:58 -04:00
display: table;
width: 100%;
margin-bottom: 15px;
padding: 15px 0;
text-align: left;
font-size: 13px;
color: #999;
2022-04-09 16:49:21 -04:00
}
#footer p {
2022-04-11 00:30:58 -04:00
text-align: left;
padding: 0;
2022-04-09 16:49:21 -04:00
}
2022-04-11 00:30:58 -04:00
ul#bottomnav {
display: table-row;
padding: 0;
2022-04-09 16:49:21 -04:00
}
ul#bottomnav li {
2022-04-11 00:30:58 -04:00
list-style-type: none;
display: table-cell;
text-align: left;
font-weight: bold;
vertical-align: top;
2022-04-09 16:49:21 -04:00
}
ul#bottomnav li ul {
2022-04-11 00:30:58 -04:00
padding: 0;
padding-bottom: 20px;
2022-04-09 16:49:21 -04:00
}
ul#bottomnav li li {
2022-04-11 00:30:58 -04:00
display: list-item;
font-weight: 100;
2022-04-09 16:49:21 -04:00
}
#credits {
2022-04-11 00:30:58 -04:00
display: table;
width: 100%;
text-align: left;
font-size: 12px;
color: #999;
line-height: 100%;
}
#show-menu {
display: none;
}
.responsive {
background-color: inherit;
color: #fff;
text-align: left;
font-weight: normal;
font-size: 1.5em;
padding: 0;
position: absolute;
top: 10%;
left: 5%;
display: none;
}
@media screen and (max-width: 700px) {
/* menu */
ul#topnav {
display: none;
}
.hide, .responsive {
display: block;
}
.icon {
display: none;
}
.logo {
position: absolute;
top: 10%;
right: 50%;
}
.search {
position: absolute;
top: 10%;
right: 5%;
}
#show-menu:checked~ul#topnav {
display: block;
position: absolute;
top: 100%;
width: 100%;
margin: 0;
overflow: visible;
}
ul#topnav li {
display: block;
text-align: left;
margin: 0 0 1px -15%;
background-color: #FC436B;
}
ul#topnav li a {
padding-left: 20px;
}
.pageitem p {
padding: 0;
}
.col {
float: left;
margin: auto;
width: 100%;
text-align: center;
}
.col ul#sub {
clear: both;
float: none;
margin: auto;
}
.col ul#sub li {
text-align: center;
}
ul#bottomnav {
display: list-item;
list-style-type: none;
}
ul#bottomnav li {
display: block;
text-align: center;
}
#credits p {
text-align: center;
}
2022-04-09 16:49:21 -04:00
}