Andreas/tracks
1
0
Fork 0
mirror of https://github.com/TracksApp/tracks.git synced 2025-12-16 23:30:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve CSS whitespace consistency

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

176
app/assets/stylesheets/login.css.scss
View file

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

188
app/assets/stylesheets/mobile.css.scss
View file

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

72
app/assets/stylesheets/print.css.scss
View file

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

94
app/assets/stylesheets/tracks.css.scss
View file

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