Initial commit
This commit is contained in:
Ben Ramey
301
site/css/default.css
Normal file
301
site/css/default.css
Normal file
@@ -0,0 +1,301 @@
|
||||
/***********************************************
|
||||
* Default styles for: friendshiptours.org
|
||||
* Author: Benjamin Ramey
|
||||
* E-mail: ben.ramey@gmail.com
|
||||
* Created: Sun Dec 16 17:46:57 CST 2007
|
||||
***********************************************/
|
||||
/***********************************************
|
||||
Major page element styles
|
||||
***********************************************/
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
background: #778899;
|
||||
font-family: Times;
|
||||
}
|
||||
iframe {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
height: 550px;
|
||||
background: white;
|
||||
}
|
||||
.iframe-link {
|
||||
margin: 0;
|
||||
background: white;
|
||||
padding: 10px;
|
||||
border-bottom: 2px solid black;
|
||||
}
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 16px 0;
|
||||
text-indent: -10000px;
|
||||
}
|
||||
h1 a {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 600px;
|
||||
height: 137px;
|
||||
background: url(/site/graphics/logo.gif) no-repeat top center transparent;
|
||||
}
|
||||
h2 {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-family: Arial;
|
||||
font-size: 0.8em;
|
||||
background: #778899;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
h3 {
|
||||
text-align: center;
|
||||
}
|
||||
ul.linksandnumbers-list {
|
||||
list-style-type: none;
|
||||
}
|
||||
ul.linksandnumbers-list li {
|
||||
margin: 15px 0;
|
||||
}
|
||||
p.sub-link {
|
||||
text-align: center;
|
||||
}
|
||||
p.intro {
|
||||
margin: 20px;
|
||||
padding: 10px;
|
||||
border: 1px black solid;
|
||||
}
|
||||
#main {
|
||||
position: relative;
|
||||
margin: 0 auto -90px;
|
||||
width: 670px;
|
||||
padding: 0 10px;
|
||||
border-width: 0 5px;
|
||||
border-style: solid;
|
||||
border-color: #000066;
|
||||
background: white;
|
||||
min-height: 100%;
|
||||
height: 100%;
|
||||
voice-family: "\"}\"";
|
||||
voice-family: inherit;
|
||||
height: auto;
|
||||
}
|
||||
html>body #main {
|
||||
height: auto;
|
||||
}
|
||||
#content {
|
||||
clear: both;
|
||||
}
|
||||
#footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 650px;
|
||||
border-top: 1px solid black;
|
||||
padding: 10px 10px 0;
|
||||
font-size: 0.7em;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
}
|
||||
#footer form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: right;
|
||||
}
|
||||
#footer p {
|
||||
float: left;
|
||||
}
|
||||
#clearfooter {
|
||||
clear: both;
|
||||
height: 90px;
|
||||
}
|
||||
#messages {
|
||||
margin: 10px 0;
|
||||
padding: 2px;
|
||||
background: #FFFF66;
|
||||
}
|
||||
#messages ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
#errors {
|
||||
margin: 10px 0;
|
||||
padding: 2px;
|
||||
background: #CC0000;
|
||||
color: white;
|
||||
}
|
||||
#errors ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
/***********************************************
|
||||
Form styles
|
||||
***********************************************/
|
||||
fieldset {
|
||||
margin: 10px;
|
||||
border: 0;
|
||||
}
|
||||
fieldset legend {
|
||||
font-weight: bold;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
p.field, p.error_field, p.date {
|
||||
position: relative;
|
||||
width: 190px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
p.error_field {
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
}
|
||||
p.field_medium, p.error_field_medium {
|
||||
position: relative;
|
||||
width: 250px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
p.field_long, p.error_field_long {
|
||||
position: relative;
|
||||
width: 400px;
|
||||
margin: 10px 0;
|
||||
}
|
||||
span.field_details {
|
||||
display: block;
|
||||
width: 380px;
|
||||
position: relative;
|
||||
left: 100%;
|
||||
font-size: 0.9em;
|
||||
padding: 4px 0;
|
||||
margin: 4px 0 0;
|
||||
}
|
||||
p.field span.field_content {
|
||||
width: 400px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
margin-left: 10px;
|
||||
}
|
||||
p.field input,
|
||||
p.field select,
|
||||
p.field_long input,
|
||||
p.field_long select,
|
||||
p.field_medium input,
|
||||
p.field_medium select,
|
||||
p.error_field input,
|
||||
p.error_field select,
|
||||
p.error_field_long input,
|
||||
p.error_field_long select,
|
||||
p.error_field_medium input,
|
||||
p.error_field_medium select {
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
}
|
||||
p.date span.date_fields {
|
||||
width: 380px;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
}
|
||||
input.delete_person {
|
||||
font-size: 0.7em;
|
||||
}
|
||||
#bookingrequest_form textarea {
|
||||
width: 400px;
|
||||
height: 60px;
|
||||
}
|
||||
table.data_table {
|
||||
border-spacing: 10px;
|
||||
}
|
||||
table.data_table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
/***********************************************
|
||||
Menu styles
|
||||
***********************************************/
|
||||
#menu ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 6px 4px;
|
||||
background: #778899;
|
||||
border-width: 5px 0 0;
|
||||
border-color: #000066;
|
||||
border-style: solid;
|
||||
height: 14px;
|
||||
}
|
||||
#menu #nav2 {
|
||||
border-width: 0 0 5px;
|
||||
}
|
||||
#menu li {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0 23px;
|
||||
width: 154px;
|
||||
text-align: center;
|
||||
padding: 0 10px;
|
||||
background: transparent;
|
||||
}
|
||||
#menu li:hover {
|
||||
background: url(/site/graphics/icon_airplane.jpg) no-repeat left center;
|
||||
}
|
||||
#menu a {
|
||||
background: transparent;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
#menu a:visited {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
#menu a:hover {
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
}
|
||||
#index #home_link,
|
||||
#history #history_link,
|
||||
#viewyouritinerary #viewyouritinerary_link,
|
||||
#itinerary_beforecontinuing #viewyouritinerary_link,
|
||||
#linksandnumbers #linksandnumbers_link,
|
||||
#creditcard #creditcard_link {
|
||||
background: url(/site/graphics/icon_airplane.jpg) no-repeat left center;
|
||||
}
|
||||
/***********************************************
|
||||
News styles
|
||||
***********************************************/
|
||||
#news-jumper {
|
||||
width: 450px;
|
||||
float: left;
|
||||
}
|
||||
.news-item {
|
||||
border-top: 1px black solid;
|
||||
margin: 20px 10px 10px;
|
||||
}
|
||||
p.top-link {
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
/***********************************************
|
||||
Page box styles
|
||||
***********************************************/
|
||||
.page-box-center {
|
||||
border: 1px solid black;
|
||||
background: white;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.page-box-left {
|
||||
border: 1px solid black;
|
||||
float: left;
|
||||
width: 450px;
|
||||
background: white;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.page-box-right {
|
||||
border: 1px solid black;
|
||||
float: right;
|
||||
width: 210px;
|
||||
background: white;
|
||||
}
|
||||
.page-box-center p,
|
||||
.page-box-right hr,
|
||||
.page-box-right p {
|
||||
margin: 10px;
|
||||
}
|
||||
Reference in New Issue
Block a user