145 lines
2.7 KiB
CSS
145 lines
2.7 KiB
CSS
/***********************************************
|
|
* Default styles for: Alaska File Upload (bobsleighphotos.com/alaska)
|
|
* Author: Benjamin Ramey
|
|
* E-mail: ben.ramey@gmail.com
|
|
* Created: Tue Jan 1 19:20:03 CST 2008
|
|
***********************************************/
|
|
|
|
/***********************************************
|
|
HTML element styles
|
|
***********************************************/
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
h1 {
|
|
border-bottom: 2px black solid;
|
|
text-align: center;
|
|
}
|
|
/***********************************************
|
|
Major page element styles
|
|
***********************************************/
|
|
#main {
|
|
width: 600px;
|
|
margin: 0 auto;
|
|
}
|
|
#file-link {
|
|
font-size: 1.2em;
|
|
margin: 50px 0;
|
|
text-align: center;
|
|
padding: 10px;
|
|
background: #FFFFCC;
|
|
border: 1px solid black;
|
|
}
|
|
#content {
|
|
margin: 0 auto;
|
|
width: 600px;
|
|
padding: 10px;
|
|
}
|
|
#menu {
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
}
|
|
#messages {
|
|
margin: 10px 0;
|
|
padding: 2px;
|
|
background: #FFFF66;
|
|
}
|
|
#messages ul {
|
|
list-style-type: none;
|
|
}
|
|
#errors {
|
|
margin: 10px 0;
|
|
padding: 2px;
|
|
background: red;
|
|
color: white;
|
|
}
|
|
#errors ul {
|
|
list-style-type: none;
|
|
}
|
|
/***********************************************
|
|
Form styles
|
|
***********************************************/
|
|
form {
|
|
margin: 10px auto;
|
|
}
|
|
fieldset {
|
|
}
|
|
fieldset legend {
|
|
font-weight: bold;
|
|
border-bottom: 1px solid black;
|
|
}
|
|
p.field, p.error_field, p.date {
|
|
position: relative;
|
|
width: 150px;
|
|
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 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%;
|
|
}
|
|
/***********************************************
|
|
Summary/data table styles
|
|
***********************************************/
|
|
.summary_table, .data_table {
|
|
border-width: 1px 0px;
|
|
border-color: #999;
|
|
border-style: solid;
|
|
}
|
|
.summary_data {
|
|
padding-right: 10px;
|
|
}
|
|
.summary_data:hover {
|
|
background: #fcfcfc;
|
|
}
|
|
.summary_actions {
|
|
padding-left: 10px;
|
|
border-left: 1px #ccc solid;
|
|
}
|
|
.summary_actions:hover {
|
|
background: #fcfcfc;
|
|
}
|
|
.data_key {
|
|
text-align: right;
|
|
font-weight: bold;
|
|
}
|
|
.data_value {} |