jimi
/
rails_galm
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Split application.css into smaller files

master
jimi 16 years ago
committed by jimi
parent
9201900ece
commit
76ffd836ad
5 changed files with 357 additions and 349 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 0
      public/stylesheets/0_reset.css
  2. 134
      public/stylesheets/1_elements.css
  3. 54
      public/stylesheets/2_error.css
  4. 169
      public/stylesheets/3_layout.css
  5. 349
      public/stylesheets/application.css

0
public/stylesheets/reset.css → public/stylesheets/0_reset.css
View File

134
public/stylesheets/1_elements.css
View File

@ -0,0 +1,134 @@
html {
overflow-y: scroll;
}
body {
background-color: #fcfcf8;
font-family: Verdana, sans-serif;
padding: 0.75em;
line-height: 1.333;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 0.5em;
}
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 113%;
}
h5, h6 {
font-size: 100%;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a {
color: #338;
text-decoration: none;
}
a:hover {
color: #33f;
text-decoration: underline;
}
p {
font-size: 75%;
margin-bottom: 0.375em;
}
p.nav {
margin-top: 1.5em;
font-size: 56%;
text-transform: uppercase;
}
table {
table-layout: fixed;
}
tr {
height: 1em;
}
fieldset {
border: solid 1px #aaa;
padding: 0 0.5em 0.875em 0.5em;
margin-bottom: 1.25em;
}
legend {
border: solid 1px #ccc;
font-size: 81%;
font-weight: bold;
padding: 0 0.5em;
}
fieldset input {
border: none;
}
fieldset label {
font-size: 56%;
font-weight: bold;
text-transform: uppercase;
margin-top: 0.25em;
}
fieldset table {
margin-top: 0.5em;
}
img.calendar_date_select_popup_icon {
margin-left: -4px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.light {
background-color: #fcfcf8;
}
.dark {
background-color: #f4f2ee;
}
.border {
border: 1px solid #ccc;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}

54
public/stylesheets/2_error.css
View File

@ -0,0 +1,54 @@
#flash_notice, #flash_error {
font-size: 75%;
padding: 0.375em 1.5em;
margin: 0.5em 0;
}
#flash_notice {
background-color: #cfc;
border: solid 1px #6c6;
}
#flash_error {
background-color: #fcc;
border: solid 1px #c66;
}
.fieldWithErrors {
display: inline;
}
#errorExplanation {
width: 25em;
border: 2px solid #cf0000;
padding: 0;
padding-bottom: 0.75em;
margin-bottom: 1.25em;
background-color: #f0f0f0;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 0.375em 0.375em 0.375em 1.0em;
font-size: 75%;
margin: 0;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 0.5em;
}
#errorExplanation ul {
margin: 0.125em 1.5em;
}
#errorExplanation ul li {
font-size: 75%;
list-style: disc;
}

169
public/stylesheets/3_layout.css
View File

@ -0,0 +1,169 @@
#container {
width: 50em;
margin: 0.5em auto;
background-color: #fff;
padding: 0.75em 1.5em;
border: outset 1px;
}
.listing {
width: 100%;
}
.listing th,
.listing td {
font-size: 69%;
}
.listing tr:hover {
background-color: #b4cfe7;
cursor: pointer;
}
.listing th,
.listing td {
border: 1px solid #fff;
padding: 0.125em 0.375em;
}
.listing th {
background-color: #ebe9e5;
}
.listing .number {
width: 2em;
text-align: right;
}
.listing .name {
width: 6em;
}
.listing .street {
width: 12em;
}
.listing .city {
width: 7em;
}
.listing .state {
width: 1.5em;
}
.listing .zip {
width: 3em;
}
.listing .date {
width: 5em;
}
.listing .payrate {
width: 2.5em;
}
#employee_data {
width: 18em;
float: left;
}
#employee_data fieldset {
width: 16.25em;
}
#employee_data col {
width: 1.625em;
}
#employee_firstname,
#employee_lastname {
width: 9em;
}
#employee_street {
width: 19em;
}
#employee_city {
width: 13em;
}
#employee_state,
#employee_dl_state {
width: 1.5em;
}
#employee_zip {
width: 3.5em;
}
#employee_dob,
#employee_hired,
#employee_dl_expire {
width: 6em;
text-align: center;
}
#employee_phone,
#employee_ssn {
width: 7em;
}
#employee_payrate {
width: 3.5em;
text-align: right;
}
#employee_tax_status,
#employee_dependents {
width: 1.5em;
text-align: center;
}
#employee_dl_number {
width: 9em;
}
#employee_truck,
#employee_trailer {
width: 5.5em;
}
#driver_loads {
float: right;
}
#driver_loads fieldset {
width: 30em;
height: 32.125em;
}
#load_detail {
float: left;
width: 50%;
}
#load_detail fieldset,
#load_expense fieldset {
width: 22.75em;
}
#load_detail col {
width: 1.625em;
}
#load_number {
width: 5em;
}
#load_hub_in,
#load_hub_out {
width: 4em;
}
#load_start_date,
#load_end_date {
width: 6em;
text-align: left;
}

349
public/stylesheets/application.css
View File

@ -1,349 +0,0 @@
html {
overflow-y: scroll;
}
body {
background-color: #fcfcf8;
font-family: Verdana, sans-serif;
padding: 0.75em;
line-height: 1.333;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
margin-bottom: 0.5em;
}
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 113%;
}
h5, h6 {
font-size: 100%;
}
a {
color: #338;
text-decoration: none;
}
a:hover {
color: #33f;
text-decoration: underline;
}
p {
font-size: 75%;
margin-bottom: 0.375em;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
p.nav {
margin-top: 1.5em;
font-size: 56%;
text-transform: uppercase;
}
.clear {
clear: both;
height: 0;
overflow: hidden;
}
#container {
width: 50em;
margin: 0.5em auto;
background-color: #fff;
padding: 0.75em 1.5em;
border: outset 1px;
}
#flash_notice, #flash_error {
font-size: 75%;
padding: 0.375em 1.5em;
margin: 0.5em 0;
}
#flash_notice {
background-color: #cfc;
border: solid 1px #6c6;
}
#flash_error {
background-color: #fcc;
border: solid 1px #c66;
}
.fieldWithErrors {
display: inline;
}
#errorExplanation {
width: 25em;
border: 2px solid #cf0000;
padding: 0;
padding-bottom: 0.75em;
margin-bottom: 1.25em;
background-color: #f0f0f0;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 0.375em 0.375em 0.375em 1.0em;
font-size: 75%;
margin: 0;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 0.5em;
}
#errorExplanation ul {
margin: 0.125em 1.5em;
}
#errorExplanation ul li {
font-size: 75%;
list-style: disc;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.light {
background-color: #fcfcf8;
}
.dark {
background-color: #f4f2ee;
}
.listing {
width: 100%;
}
.listing th,
.listing td {
font-size: 69%;
}
.listing tr:hover {
background-color: #b4cfe7;
cursor: pointer;
}
.listing th,
.listing td {
border: 1px solid #fff;
padding: 0.125em 0.375em;
}
.listing th {
background-color: #ebe9e5;
}
.listing .number {
width: 2em;
text-align: right;
}
fieldset .label {
font-size: 56%;
font-weight: bold;
text-transform: uppercase;
padding-left: 0.25em;
}
fieldset .date {
width: 8em;
}
fieldset {
width: 18em;
border: solid 1px #aaa;
padding: 0 0.5em 0.875em 0.5em;
margin-bottom: 1.25em;
}
fieldset.loads {
width: 28.5em;
}
legend {
color: #000;
border: solid 1px #ccc;
font-size: 81%;
font-weight: bold;
padding: 0 0.5em;
}
table input {
border: none;
}
.border {
border: 1px solid #ccc;
}
.listing .name {
width: 6em;
}
.listing .street {
width: 12em;
}
.listing .city {
width: 7em;
}
.listing .state {
width: 1.5em;
}
.listing .zip {
width: 3em;
}
.listing .date {
width: 5em;
}
.listing .payrate {
width: 2.5em;
}
fieldset input {
border: none;
}
fieldset label {
font-size: 56%;
font-weight: bold;
text-transform: uppercase;
margin-top: 0.25em;
}
fieldset table {
margin-top: 0.5em;
width: 100%;
}
table {
table-layout: fixed;
}
tr {
height: 1em;
}
#employee_data,
#load_detail {
width: 19em;
float: left;
}
#employee_data col,
#load_detail {
width: 10%;
}
#employee_firstname,
#employee_lastname {
width: 10em;
}
#employee_street {
width: 21em;
}
#employee_city {
width: 12em;
}
#employee_state,
#employee_dl_state {
width: 1.5em;
}
#employee_zip {
width: 5.5em;
}
#employee_dob,
#employee_hired,
#employee_dl_expire {
width: 6em;
text-align: center;
}
#employee_phone,
#employee_ssn {
width: 8em;
}
#employee_payrate {
width: 3.5em;
text-align: right;
}
#employee_tax_status,
#employee_dependents {
width: 1.5em;
text-align: center;
}
#employee_dl_number {
width: 10em;
}
#employee_truck,
#employee_trailer {
width: 5.5em;
}
#driver_loads {
float: right;
}
#load_number {
width: 8em;
}
#load_hub_in,
#load_hub_out {
width: 6em;
}