diff options
| author | Bharat Mediratta <bharat@menalto.com> | 2008-11-04 05:22:06 +0000 |
|---|---|---|
| committer | Bharat Mediratta <bharat@menalto.com> | 2008-11-04 05:22:06 +0000 |
| commit | ade1650846605d648da2565994e309414d908ac5 (patch) | |
| tree | b49d2e1fbda2a0bdd9de36954124fe82f6120d7f /themes/default/css | |
| parent | f8b22c5aa9f70824004905fc864dead72bef67ea (diff) | |
Add a test to detect tabs in our code, and convert all tabs to spaces
so that the test passes.
Diffstat (limited to 'themes/default/css')
| -rw-r--r-- | themes/default/css/forms.css | 186 | ||||
| -rw-r--r-- | themes/default/css/styles.css | 314 |
2 files changed, 250 insertions, 250 deletions
diff --git a/themes/default/css/forms.css b/themes/default/css/forms.css index d8a69853..03f6527a 100644 --- a/themes/default/css/forms.css +++ b/themes/default/css/forms.css @@ -4,43 +4,43 @@ /* Zero out padding and margin, adjust where needed later */ form, fieldset, label, input, .checkbox, textarea, select, option, form div { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } fieldset { - margin: 1em 0; - padding: 1em; - border: 1px solid #999; + margin: 1em 0; + padding: 1em; + border: 1px solid #999; } legend { - font-weight: bold; - margin: 0 2% .5em 0; - padding: .2em .5em; + font-weight: bold; + margin: 0 2% .5em 0; + padding: .2em .5em; } -input.text, textarea, select, input.password { - border: 1px solid #666; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; +input.text, textarea, select, input.password { + border: 1px solid #666; + border-right: 1px solid #ccc; + border-bottom: 1px solid #ccc; } option { - float: none; - clear: both; - margin-right: 2em; + float: none; + clear: both; + margin-right: 2em; } -input.radio, input.checkbox { - margin-right: .5em; +input.radio, input.checkbox { + margin-right: .5em; } /* Create a bit of padding for text inputs and selects */ input.text, input.password, input.button, textarea, select { - padding: .2em; + padding: .2em; } -input.button { - margin-right: 1em; - padding: .2em .6em; +input.button { + margin-right: 1em; + padding: .2em .6em; } -.readonly { - color: #999; - background: #e7e7e7; +.readonly { + color: #999; + background: #e7e7e7; } /* standard widths */ .w12 { width: 12% } @@ -57,9 +57,9 @@ input.button { * Provide proper vertical alignment for expanded and compact forms */ -.gExpandedForm .row div, +.gExpandedForm .row div, .gCompactForm div div label { - padding-top: .5em; + padding-top: .5em; } @@ -67,47 +67,47 @@ input.button { * Expanded form layout styles */ -.gExpandedForm { overflow: hidden; } +.gExpandedForm { overflow: hidden; } .gExpandedForm .row { - padding: .3em 0; - white-space: nowrap; - overflow: hidden; - clear: both; + padding: .3em 0; + white-space: nowrap; + overflow: hidden; + clear: both; } -.gExpandedForm label, -.gExpandedForm .row p, -.gExpandedForm .row div, -.gExpandedForm input, -.gExpandedForm select, +.gExpandedForm label, +.gExpandedForm .row p, +.gExpandedForm .row div, +.gExpandedForm input, +.gExpandedForm select, .gExpandedForm textarea { - float: left; + float: left; } /* change column widths for labels and inputs */ .gExpandedForm .text, textarea { width: 80%; } .gExpandedForm label, .gExpandedForm .row p { - width: 15%; - margin: .5em 1em .5em 0; - text-align: right; - white-space: normal; - overflow: hidden; + width: 15%; + margin: .5em 1em .5em 0; + text-align: right; + white-space: normal; + overflow: hidden; } .gExpandedForm .row div { - white-space: nowrap; - overflow: hidden; - clear: none; + white-space: nowrap; + overflow: hidden; + clear: none; } /* labels and form inputs inside of divs should not float */ .gExpandedForm .row div * { - float: none; - clear: none; + float: none; + clear: none; } -.expanded input.checkbox, -.expanded input.radio, -.expanded select { - margin-top: 1.5em; +.expanded input.checkbox, +.expanded input.radio, +.expanded select { + margin-top: 1.5em; } -.gExpandedForm div div input { - margin-right: 0; +.gExpandedForm div div input { + margin-right: 0; } @@ -115,51 +115,51 @@ input.button { * Compact form layout styles */ -.gCompactForm { overflow: hidden; } -.gCompactForm div, -.gCompactForm label, -.gCompactForm input, -.gCompactForm select, +.gCompactForm { overflow: hidden; } +.gCompactForm div, +.gCompactForm label, +.gCompactForm input, +.gCompactForm select, .gCompactForm textarea { - float: left; + float: left; } -.gCompactForm input.text, -.gCompactForm select, +.gCompactForm input.text, +.gCompactForm select, .gCompactForm textarea { - /* set width: auto to allow form element content - to set width otherwise 90% is a good setting */ - width: 90%; /* determines space between form elements */ + /* set width: auto to allow form element content + to set width otherwise 90% is a good setting */ + width: 90%; /* determines space between form elements */ } -/* Increase width of elements in twoper +/* Increase width of elements in twoper columns to provide better alignment */ -.gCompactForm .twoper input.text, -.gCompactForm .twoper select, +.gCompactForm .twoper input.text, +.gCompactForm .twoper select, .gCompactForm .twoper textarea { - width: 95%; + width: 95%; } .gCompactForm div { - width: 99%; - margin-bottom: 1em; /* space between rows */ - clear: both; + width: 99%; + margin-bottom: 1em; /* space between rows */ + clear: both; } /* Nested divs shouldn't clear floated elements */ /* keeps nested divs from compounding margin value */ .gCompactForm div div { - margin-bottom: 0; - clear: none; + margin-bottom: 0; + clear: none; } /* Nested div label contents should determine their own width */ .gCompactForm div div label { - width: auto; - white-space: normal; - /* unccomment to stack form inputs inside a row */ - /* clear: left; */ - margin-right: 1em; + width: auto; + white-space: normal; + /* unccomment to stack form inputs inside a row */ + /* clear: left; */ + margin-right: 1em; } /* Fix paragraph white space in Safari */ .gCompactForm div div p { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /* Compact layout - Set item width within rows */ @@ -174,18 +174,18 @@ input.button { .nineper label, .nineper div { width: 10%; } .tenper label, .tenper div { width: 8.7%; } -.oneper label, .oneper div, -.twoper label, .twoper div, -.threeper label, .threeper div, -.fourper label, .fourper div, -.fiveper label, .fiveper div, -.sixper label, .sixper div, -.sevenper label, .sevenper div, -.eightper label, .eightper div, -.nineper label, .nineper div, +.oneper label, .oneper div, +.twoper label, .twoper div, +.threeper label, .threeper div, +.fourper label, .fourper div, +.fiveper label, .fiveper div, +.sixper label, .sixper div, +.sevenper label, .sevenper div, +.eightper label, .eightper div, +.nineper label, .nineper div, .tenper label, .tenper div { - white-space: nowrap; - overflow: hidden; - border: none; - border-collapse: collapse; + white-space: nowrap; + overflow: hidden; + border: none; + border-collapse: collapse; } diff --git a/themes/default/css/styles.css b/themes/default/css/styles.css index 11a8ab62..c4189dbe 100644 --- a/themes/default/css/styles.css +++ b/themes/default/css/styles.css @@ -30,28 +30,28 @@ body, html { /* ~~~~~~~~~ text elements ~~~~~~~~~~ */ h1 { - margin-top: 0px; + margin-top: 0px; } a { - color: #6B8CB7; - text-decoration: none; + color: #6B8CB7; + text-decoration: none; } a:hover { - color: #FF3300; - text-decoration: underline; + color: #FF3300; + text-decoration: underline; } /* ~~~~~~~~~ list elements ~~~~~~~~~~ */ li { - list-style-type: none; + list-style-type: none; } /* ~~~~~~~~~ table elements ~~~~~~~~~~ */ caption { - text-align: left; + text-align: left; } th { - text-align: left; + text-align: left; } /* ~~~~~~~~~ form elements ~~~~~~~~~~ */ @@ -88,14 +88,14 @@ textarea { /* ~~~~~~~~ high level content containers ~~~~~~~~ */ #gHeader { - position: relative; + position: relative; } #gContent { border-right: 1px solid #ccc; padding: 20px; - clear: both; + clear: both; } #gSidebar { @@ -121,19 +121,19 @@ textarea { margin: 10px; } #gHeader h1 { - float: left; - margin: 20px 0 0 20px; + float: left; + margin: 20px 0 0 20px; } /* ~~~~~~~~ login menu ~~~~~~~~ */ #gLoginMenu { position: absolute; - top: 0px; - right: 13px; - border: 1px solid silver; - border-width: 0 1px 1px 1px; - padding: 5px; + top: 0px; + right: 13px; + border: 1px solid silver; + border-width: 0 1px 1px 1px; + padding: 5px; text-align: right; } #gLoginMenu form { @@ -145,17 +145,17 @@ textarea { #gLoginMenu input.text, #gLoginMenu input.password { width: 80px; - padding: 0 0 .1em 0; + padding: 0 0 .1em 0; } #gLoginMenu input.submit { - font-size: 0.9em; - font-weight: bold; + font-size: 0.9em; + font-weight: bold; } /* ~~~~~~~~ site menu ~~~~~~~~ */ #gSiteMenu { - height: 31px; + height: 31px; margin: 0; padding: 0; list-style-type: none; @@ -166,36 +166,36 @@ textarea { float: left; display: block; width: 20%; - background: #E6EBF0; + background: #E6EBF0; } #gSiteMenu li a { - color: #003366; - font-weight: bold; + color: #003366; + font-weight: bold; height: 20px; display: block; text-align: center; - padding: 7px 7px 3px 7px; - background: url('../images/bg_sitemenu.png') repeat-x; - margin-left: 1px; - border: 1px solid #336699; - border-width: 0 1px 1px 0; - text-decoration: none; - letter-spacing: .1em; + padding: 7px 7px 3px 7px; + background: url('../images/bg_sitemenu.png') repeat-x; + margin-left: 1px; + border: 1px solid #336699; + border-width: 0 1px 1px 0; + text-decoration: none; + letter-spacing: .1em; } #gSiteMenu li a:hover { - color: #FF3300; - background: url('../images/bg_sitemenu_hover.png'); + color: #FF3300; + background: url('../images/bg_sitemenu_hover.png'); } #gSiteMenu li a.active { - background: #DCE6EF; - border-color: #DCE6EF; - color: #FF3300; + background: #DCE6EF; + border-color: #DCE6EF; + color: #FF3300; } /* ~~~~~~~~~ breadcrumbs ~~~~~~~~~~ */ #gBreadcrumbs { - border-bottom: 1px solid silver; + border-bottom: 1px solid silver; margin: 0; padding: 0 0 0 14px; height: 28px; @@ -223,15 +223,15 @@ textarea { /* ~~~~~~~~~ search form ~~~~~~~~~~ */ #gSearchForm { - position: absolute; - right: 13px; - top: 103px; + position: absolute; + right: 13px; + top: 103px; } #gSearchForm input.text { - padding: 1px; + padding: 1px; } #gSearchForm input.submit { - height: 20px; + height: 20px; } /** @@ -241,77 +241,77 @@ textarea { */ .buttonlink { - border: 1px solid lightgray; - padding: 5px; + border: 1px solid lightgray; + padding: 5px; } .buttonlink:hover { - background-color: #F3F3F3; + background-color: #F3F3F3; } .understate { - color: silver; + color: silver; } /* .gBlock { - margin: 0 1em 1.5em 0; - border: 1px solid #336699; - padding: 0; + margin: 0 1em 1.5em 0; + border: 1px solid #336699; + padding: 0; } .gBlockHeader { - background-color: #E8E8E8; - padding: .3em; - height: 1.5em; - border-bottom: 1px solid #6B8CB7; - margin: 0 !important; + background-color: #E8E8E8; + padding: .3em; + height: 1.5em; + border-bottom: 1px solid #6B8CB7; + margin: 0 !important; } .gBlockHeader h2 { - color: #003366; - margin: 0; - float: left; - font-size: 1.1em; + color: #003366; + margin: 0; + float: left; + font-size: 1.1em; } .gBlockHeader .minimize { - float: right; + float: right; } .gBlockContent { - margin: .3em; + margin: .3em; } */ .gBlock { - margin: 0 1em 2em 0; - padding: 0; + margin: 0 1em 2em 0; + padding: 0; } .gBlockHeader { - background-color: #E8E8E8; - padding: .3em; - height: 1.5em; - margin: 0 !important; + background-color: #E8E8E8; + padding: .3em; + height: 1.5em; + margin: 0 !important; } .gBlockHeader h2 { - margin: 0; - float: left; - font-size: 1.1em; + margin: 0; + float: left; + font-size: 1.1em; } .gBlockHeader .minimize { - float: right; + float: right; } .gBlockContent { - margin: .2em .5em 0 .5em; + margin: .2em .5em 0 .5em; } .gBlockContent { - margin: .2em .5em 0 .5em; + margin: .2em .5em 0 .5em; } table.gBlockContent { - width: 214px; - table-layout: fixed; + width: 214px; + table-layout: fixed; } table.gBlockContent th { - padding: .3em .3em .3em 0; + padding: .3em .3em .3em 0; } table.gBlockContent td { - padding: .3em 0 .3em .3em; + padding: .3em 0 .3em .3em; } /** @@ -322,14 +322,14 @@ table.gBlockContent td { #gItem { width: 500px; - margin-left: auto; + margin-left: auto; margin-right: auto; } #gItem a.buttonlink { float: right; } #gItem img { - clear: both; + clear: both; display: block; width: 500px; height: 400px; @@ -347,10 +347,10 @@ table.gMetadata { } table.gMetadata td, table.gMetadata th { - border: 0; + border: 0; } table.gMetadata td.toggle { - text-align: right; + text-align: right; } /* ~~~~~~~~~ upload ~~~~~~~~~~ */ @@ -398,104 +398,104 @@ table.gMetadata td.toggle { /* ~~~~~~~~~ album ~~~~~~~~~~ */ #gAlbumGridHeader { - height: 40px; - position: relative; + height: 40px; + position: relative; } #gAlbumGridHeader h1 { - display: inline; + display: inline; } #gAlbumGridHeader span { - padding-left: 10px; + padding-left: 10px; } #gSlideshowLink { - position: absolute; - top: 0px; - right: 0px; + position: absolute; + top: 0px; + right: 0px; } #gAlbumGrid .gItemContainer, #gAlbumGrid .gAlbumContainer { - width: 32%; - height: 220px; - float: left; - text-align: center; - border: 1px lightgray solid; - margin: 0px 0px 10px 1.49%; - padding: 5px 0px 5px 0px; + width: 32%; + height: 220px; + float: left; + text-align: center; + border: 1px lightgray solid; + margin: 0px 0px 10px 1.49%; + padding: 5px 0px 5px 0px; } #gAlbumGrid .first { - margin: 0px 0px 10px 0px; + margin: 0px 0px 10px 0px; } .gAlbum { - background-color: #D4DAFF; + background-color: #D4DAFF; } .gAlbum h2 { - color: #000066; + color: #000066; } .gItemContainer h2, .gAlbumContainer h2 { - margin: 5px 0px 5px 0px; + margin: 5px 0px 5px 0px; } /* ~~~~~~~~~ tag cloud ~~~~~~~~~~ */ .gTagCloud ul { - text-align: justify; - padding: 0; + text-align: justify; + padding: 0; } .gTagCloud ul li { - text-align: justify; - display: inline; + text-align: justify; + display: inline; } .gTagCloud ul li a { - text-decoration: none; + text-decoration: none; } .gTagCloud ul li a.size0 { - font-size: 100%; - font-weight: 100; - color: #99CCFF; + font-size: 100%; + font-weight: 100; + color: #99CCFF; } .gTagCloud ul li a.size1 { - font-size: 110%; - font-weight: 300; - color: #6699FF; + font-size: 110%; + font-weight: 300; + color: #6699FF; } .gTagCloud ul li a.size2 { - font-size: 120%; - font-weight: 500; - color: #6699CC; + font-size: 120%; + font-weight: 500; + color: #6699CC; } .gTagCloud ul li a.size3 { - font-size: 130%; - font-weight: 700; - color: #336699; + font-size: 130%; + font-weight: 700; + color: #336699; } .gTagCloud ul li a.size4 { - font-size: 140%; - font-weight: 900; - color: #0E2B52; + font-size: 140%; + font-weight: 900; + color: #0E2B52; } .gTagCloud ul li a:hover { - color: #FF3300; - text-decoration: underline; + color: #FF3300; + text-decoration: underline; } .gTagCloud form { - margin-top: 10px; + margin-top: 10px; } /* ~~~~~~~~~ album tree ~~~~~~~~~~ */ #gAlbumTree { - border: 1px solid lightgray; - margin: 20px 0 20px 0; - padding: 5px; + border: 1px solid lightgray; + margin: 20px 0 20px 0; + padding: 5px; } #gAlbumTree #gTreeContainer { - border: 1px solid lightgray; - padding: 0 0 0 5px; + border: 1px solid lightgray; + padding: 0 0 0 5px; } @@ -510,58 +510,58 @@ table.gMetadata td.toggle { /* ~~~~~~~~~ pagination ~~~~~~~~~~ */ #gPagination { - clear: both; - padding: 10px 0px 0px 0px; - text-align: center; + clear: both; + padding: 10px 0px 0px 0px; + text-align: center; } #gPagination a, #gPagination span { - border: 1px solid lightgray; - padding: 5px; - background-repeat: no-repeat; + border: 1px solid lightgray; + padding: 5px; + background-repeat: no-repeat; } #gPagination a:hover { - background-color: #F3F3F3; + background-color: #F3F3F3; } #gPagination .first { - background-image: url('../images/first.png'); - background-position: left; - padding-left: 20px; + background-image: url('../images/first.png'); + background-position: left; + padding-left: 20px; } #gPagination .first_inactive { - background-image: url('../images/first_inactive.png'); - background-position: left; - padding-left: 20px; + background-image: url('../images/first_inactive.png'); + background-position: left; + padding-left: 20px; } #gPagination .previous { - background-image: url('../images/previous.png'); - background-position: left; - padding-left: 17px; + background-image: url('../images/previous.png'); + background-position: left; + padding-left: 17px; } #gPagination .previous_inactive { - background-image: url('../images/previous_inactive.png'); - background-position: left; - padding-left: 17px; + background-image: url('../images/previous_inactive.png'); + background-position: left; + padding-left: 17px; } #gPagination .next { - background-image: url('../images/next.png'); - background-position: right; - padding-right: 17px; + background-image: url('../images/next.png'); + background-position: right; + padding-right: 17px; } #gPagination .next_inactive { - background-image: url('../images/next_inactive.png'); - background-position: right; - padding-right: 17px; + background-image: url('../images/next_inactive.png'); + background-position: right; + padding-right: 17px; } #gPagination .last { - background-image: url('../images/last.png'); - background-position: right; - padding-right: 20px; + background-image: url('../images/last.png'); + background-position: right; + padding-right: 20px; } #gPagination .last_inactive { - background-image: url('../images/last_inactive.png'); - background-position: right; - padding-right: 20px; + background-image: url('../images/last_inactive.png'); + background-position: right; + padding-right: 20px; } |
