improve CSS whitespace consistency

This commit is contained in:
Dan Rice 2012-09-27 13:09:30 -04:00
parent 6a5364b9d2
commit 735ee8fe34
4 changed files with 265 additions and 265 deletions

View file

@ -1,27 +1,27 @@
body { background-color: #fff; color: #333; }
body, ol, ul, td {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background: #eee;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background: #eee;
}
p {
background: #eee;
background: #eee;
}
a, a:link, a:active, a:visited {
color: #cc3334;
text-decoration: none;
padding-left: 1px;
padding-right: 1px;
}
color: #cc3334;
text-decoration: none;
padding-left: 1px;
padding-right: 1px;
}
a:hover {
color: #fff;
background-color: #cc3334;
}
color: #fff;
background-color: #cc3334;
}
h1, h2, h3 { color: #333; font-family: verdana, arial, helvetica, sans-serif; text-align: center; }
h1 { font-size: 28px }
@ -31,132 +31,132 @@ h3 { font-size: 16px }
li { margin-bottom: 7px; }
pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
background-color: #eee;
padding: 10px;
font-size: 11px;
}
td {background-color: #ff9;}
#scaffold-main {
width: 80%;
margin: 10px auto;
padding: 6px;
width: 80%;
margin: 10px auto;
padding: 6px;
}
div.form {
width: 350px;
margin: 100px auto 10px auto;
padding: 10px;
border: 1px solid #999;
background: #ff9;
width: 350px;
margin: 100px auto 10px auto;
padding: 10px;
border: 1px solid #999;
background: #ff9;
}
div.memo {
width: 40%;
margin: 100px auto;
padding: 10px;
border: 1px solid #999;
background: #ff9;
width: 40%;
margin: 100px auto;
padding: 10px;
border: 1px solid #999;
background: #ff9;
}
/* Flash box styling */
h4.alert {
font-size: 0.8em;
font-weight:bold;
margin:0;
padding:5px;
text-align: center;
font-size: 0.8em;
font-weight: bold;
margin: 0;
padding: 5px;
text-align: center;
}
h4.warning {
border: 1px solid #ED2E38;
background-color: #F6979C;
color: #000000;
border: 1px solid #ED2E38;
background-color: #F6979C;
color: #000000;
}
h4.error {
color:#fff;
background:#c00;
color:#fff;
background:#c00;
}
h4.notice {
border: 1px solid #007E00;
background-color: #c2ffc2;
color: #007E00;
border: 1px solid #007E00;
background-color: #c2ffc2;
color: #007E00;
}
/*#notice {
padding: 2px;
border: 1px solid #007E00;
background-color: #c2ffc2;
color: #007E00;
margin-bottom: 15px;
text-align: center;
}
padding: 2px;
border: 1px solid #007E00;
background-color: #c2ffc2;
color: #007E00;
margin-bottom: 15px;
text-align: center;
}
*/
#footer {
clear: both;
background-color: #eee;
font-size: 0.8em;
text-align: center;
color: #999;
margin: 20px auto;
padding: 0px;
}
clear: both;
background-color: #eee;
font-size: 0.8em;
text-align: center;
color: #999;
margin: 20px auto;
padding: 0px;
}
/* Error message styles */
.fieldWithErrors {
padding: 2px;
background-color: red;
display: table;
padding: 2px;
background-color: red;
display: table;
}
#errorExplanation {
border: 2px solid #ff0000;
padding: 7px;
padding-bottom: 12px;
margin: 10px auto 10px auto;
background-color: #f0f0f0;
border: 2px solid #ff0000;
padding: 7px;
padding-bottom: 12px;
margin: 10px auto 10px auto;
background-color: #f0f0f0;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
color: #333;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 1em;
list-style-type: disc;
list-style-position: outside;
font-size: 1em;
list-style-type: disc;
list-style-position: outside;
}
input.login_text {
width:200px;
width:200px;
}
input.open_id {
background: image-url('open-id-login-bg.gif') no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
width:182px;
background: image-url('open-id-login-bg.gif') no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
width: 182px;
}
p.alternate_auth {
text-align:center;
text-align: center;
}
p.alternate_auth a {
text-decoration:underline;
text-decoration: underline;
}

View file

@ -11,7 +11,7 @@ div.footer {
color: #999999;
text-align: center;
}
a, a:link, a:active, a:visited {
color: #CC3334;
padding: 0.25em;
@ -26,24 +26,24 @@ a:hover {
div.footer a {
text-decoration: underline;
color: #999999;
}
}
h1 {
color: #fff;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left:8px;
margin-top:0;
margin-bottom:0;
font-size:medium;
color: #fff;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left:8px;
margin-top:0;
margin-bottom:0;
font-size:medium;
}
h2 {
background-color: #aaaaaa;
margin: .3em 0;
padding: .3em 0 .1em .3em;
border-top: 1px solid #777777;
font-size:medium;
background-color: #aaaaaa;
margin: .3em 0;
padding: .3em 0 .1em .3em;
border-top: 1px solid #777777;
font-size:medium;
}
h2 a, h2 a:link, h2 a:active, h2 a:visited {
@ -58,31 +58,31 @@ h2 a:hover {
}
h4.alert {
border: 1px solid #666666;
text-align: center;
border: 1px solid #666666;
text-align: center;
}
h4.warning {
border: 1px solid #ED2E38;
background-color: #F6979C;
color: #000;
border: 1px solid #ED2E38;
background-color: #F6979C;
color: #000;
}
h4.error {
color:#fff;
background:#c00;
color:#fff;
background:#c00;
}
h4.notice {
border: 1px solid #007E00;
background-color: #c2ffc2;
color: #007E00;
border: 1px solid #007E00;
background-color: #c2ffc2;
color: #007E00;
}
span.tag {
font-size: small;
background-color: #CCE7FF;
color: #000;
padding: 1px;
margin-right: 2px;
font-size: small;
background-color: #CCE7FF;
color: #000;
padding: 1px;
margin-right: 2px;
}
span.r {
@ -95,81 +95,81 @@ span.prj, span.ctx{
}
#ctx, #pjr {
margin: 0.5em 0;
margin: 0.5em 0;
}
#ctx a, #pjr a {
padding: 0.1em 0;
padding: 0.1em 0;
}
/* Draw attention to some text
Same format as traffic lights */
.red {
color: #fff;
background: #f00;
padding: 1px;
font-size: 1em;
color: #fff;
background: #f00;
padding: 1px;
font-size: 1em;
}
.amber {
color: #fff;
background: #ff6600;
padding: 1px;
font-size: 1em;
color: #fff;
background: #ff6600;
padding: 1px;
font-size: 1em;
}
.orange {
color: #fff;
background: #FFA500;
padding: 1px;
font-size: 1em;
color: #fff;
background: #FFA500;
padding: 1px;
font-size: 1em;
}
.green {
color: #fff;
background: #33cc00;
padding: 1px;
font-size: 1em;
color: #fff;
background: #33cc00;
padding: 1px;
font-size: 1em;
}
.grey {
color: #fff;
background: #999;
padding: 1px;
font-size: 1em;
color: #fff;
background: #999;
padding: 1px;
font-size: 1em;
}
.count {
color: #fff;
background: #f00;
padding: 0.2em;
color: #fff;
background: #f00;
padding: 0.2em;
}
.errors {
background: #FFC2C2;
background: #FFC2C2;
}
ul.c li {
list-style-type: none;
list-style-type: none;
}
ul.c {
padding: 0;
margin: 0;
padding-left: 0.1em;
padding: 0;
margin: 0;
padding-left: 0.1em;
}
ul.c li {
padding: 0.25em 0;
margin: 0;
padding: 0.25em 0;
margin: 0;
}
ul.c li span.r {
display: none;
display: none;
}
span.r {
display:none;
display:none;
}
#topbar {
@ -184,12 +184,12 @@ span.r {
}
.nav {
color: #fff;
background: #000;
padding:0;
overflow:auto;
list-style:none;
margin:0;
color: #fff;
background: #000;
padding:0;
overflow:auto;
list-style:none;
margin:0;
}
.nav a, .nav a:link, .nav a:active, .nav a:visited {
@ -219,60 +219,60 @@ span.r {
}
#database_auth_form table td {
width:7em;
width:7em;
}
table.c {
margin-left: 5px;
margin-left: 5px;
}
.mobile-done {
display:inline;
display:inline;
}
input#todo_description, input#tag_list, textarea#todo_notes, select#todo_project_id, select#todo_context_id {
width: 95%;
width: 95%;
}
.next-prev-project {
overflow:auto;
padding:0;
margin:0;
list-style:none;
overflow:auto;
padding:0;
margin:0;
list-style:none;
}
.prev,
.next {
float:left;
width:50%;
float:left;
width:50%;
}
.next {
float:right;
float:right;
}
.prev a,
.next a {
display:block;
height:1em;
overflow:hidden;
display:block;
height:1em;
overflow:hidden;
}
.prev a {
background: image-url('previous.png') left center no-repeat;
padding-left: 20px;
background: image-url('previous.png') left center no-repeat;
padding-left: 20px;
}
.prev a:hover {
background: #cc3334 image-url('previous.png') left center no-repeat;
background: #cc3334 image-url('previous.png') left center no-repeat;
}
.next a {
text-align:right;
background: image-url('next.png') right center no-repeat;
padding-right: 20px;
text-align:right;
background: image-url('next.png') right center no-repeat;
padding-right: 20px;
}
.next a:hover {
background: #cc3334 image-url('next.png') right center no-repeat;
background: #cc3334 image-url('next.png') right center no-repeat;
}

View file

@ -1,26 +1,26 @@
* {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #000;
font-size: 8.2pt;
font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
background: #fff;
color: #000;
font-size: 8.2pt;
font-family: "Lucida Grande", "Bitstream Vera Sans", Helvetica, Verdana, Arial, sans-serif;
}
img {
max-width: 2.2in;
max-height: 4.3in;
border:0;
max-width: 2.2in;
max-height: 4.3in;
border:0;
}
#navcontainer, #input_box, #footer, .big-box, .refresh, .badge, h1, .icon,
#minilinks, .defer-container, .menu_sort, .position, .buttons, .sf-item-menu,
.container_toggle, .grip, .show_notes, .recurring_icon, #project-next-prev,
.project_settings, .add_note_link {
display:none;
display:none;
}
.tag {
@ -28,56 +28,56 @@ img {
}
.contexts {
margin: 0 0 2em 0;
border-top: 1px solid #000;
page-break-before: always;
margin: 0 0 2em 0;
border-top: 1px solid #000;
page-break-before: always;
}
.contexts:first-child {
page-break-before: avoid;
page-break-before: avoid;
}
h2 {
font-size: 1.4em;
font-weight: bold;
margin-bottom: .3em;
margin-top: 5pt;
padding: .2em 0;
border-bottom: 1pt dotted #000;
font-size: 1.4em;
font-weight: bold;
margin-bottom: .3em;
margin-top: 5pt;
padding: .2em 0;
border-bottom: 1pt dotted #000;
}
a, p, blockquote, ul, li, ol, dt, dd, dl, table {
margin: 0 0 .3em 0;
margin: 0 0 .3em 0;
}
.notes {
margin: .12em 1.2em;
padding: .3em;
margin: .12em 1.2em;
padding: .3em;
}
.description {
margin-left: 18pt;
line-height: 150%
margin-left: 18pt;
line-height: 150%
}
ul {
list-style-type: circle;
list-style-type: circle;
}
li {
margin: .1em 0 .1em 2em;
line-height: 1.4em;
margin: .1em 0 .1em 2em;
line-height: 1.4em;
}
.item-container {
clear:both;
padding-top: .3em;
padding-bottom: .3em;
clear:both;
padding-top: .3em;
padding-bottom: .3em;
}
.item-checkbox {
width: 10pt;
height: 10pt;
display:block;
float:left;
}
width: 10pt;
height: 10pt;
display:block;
float:left;
}

View file

@ -60,7 +60,7 @@ q:before,q:after {
}
abbr,acronym {
border:0;
border:0;
}
body {
@ -436,7 +436,7 @@ input.item-checkbox {
}
.project_description, .context_description {
margin-left: 50px;
margin-left: 50px;
}
.stale_l1 {
@ -483,15 +483,15 @@ body.preferences div#footer {
/* override jquery css to match tracks defaults better */
body.preferences div.ui-widget {
font-size: 1em;
font-size: 1em;
}
body.preferences div.ui-tabs li a {
padding: 0.1em 1em;
padding: 0.1em 1em;
}
body.preferences div.pref_new_token a {
color: #CC3334;
color: #CC3334;
}
/* The notes which may be attached to an item */
@ -522,21 +522,21 @@ body.preferences div.pref_new_token a {
.todo_notes ol li, .todo_notes ul li,
.project_notes ol li, .project_notes ul li {
margin-left: 20px;
margin-left: 20px;
}
.todo_notes h1, .project_notes h1 {
font-size: 1.5em;
font-weight: bold;
margin: 10px 0px;
font-size: 1.5em;
font-weight: bold;
margin: 10px 0px;
}
.todo_notes h2, .project_notes h2 {
font-size: 1.2em;
font-style: italic;
margin: 10px 0px !important;
padding: 0px !important;
background-color: transparent !important;
font-size: 1.2em;
font-style: italic;
margin: 10px 0px !important;
padding: 0px !important;
background-color: transparent !important;
}
/* The notes for the project */
@ -571,7 +571,7 @@ div.note_footer a, div.note_footer a:hover {
/* For the detailed notes view */
.project_notes {
padding: 5px;
padding: 5px;
}
div.add_note_link {
@ -1040,7 +1040,7 @@ div.message {
}
.drop_target {
display:none;
display:none;
}
.hover {
@ -1049,9 +1049,9 @@ div.message {
}
.context_target {
height: 15px;
margin: 4px;
border: 4px dotted #999;
height: 15px;
margin: 4px;
border: 4px dotted #999;
}
/* Error message styles */
@ -1384,65 +1384,65 @@ div.integrations textarea {
}
.defer-container {
float:right;
float:right;
}
.defer-container a:hover {
background-color: inherit;
background-color: inherit;
}
div.auto_complete {
width: 350px;
background: #fff;
color: #000;
width: 350px;
background: #fff;
color: #000;
}
div.auto_complete ul {
border:1px solid #888;
margin:0;
padding:0;
width:100%;
list-style-type:none;
border:1px solid #888;
margin:0;
padding:0;
width:100%;
list-style-type:none;
}
div.auto_complete ul li {
font-size: 1.0em;
margin:0;
padding:3px;
list-style-type: none;
font-size: 1.0em;
margin:0;
padding:3px;
list-style-type: none;
}
div.auto_complete ul li.selected {
background-color: #ffb;
font-weight:bold;
background-color: #ffb;
font-weight:bold;
}
div.auto_complete ul strong.highlight {
color: #800;
margin:0;
padding:0;
color: #800;
margin:0;
padding:0;
}
.ui-datepicker {
z-index: 1000 !important;
z-index: 1000 !important;
}
.ui-autocomplete-loading {
background: white image-url('ui-anim_basic_16x16.gif') right center no-repeat;
background: white image-url('ui-anim_basic_16x16.gif') right center no-repeat;
}
a.item-downarrow {
margin-left: 0;
margin-right: 0;
margin-left: 0;
margin-right: 0;
}
ul.todo-submenu > li > a {
position: relative;
padding-left: 24px;
position: relative;
padding-left: 24px;
}
ul.todo-submenu > li > a > img {
position: absolute;
left: 0px;
top: 0px;
position: absolute;
left: 0px;
top: 0px;
}