diff --git a/app/assets/stylesheets/login.css.scss b/app/assets/stylesheets/login.css.scss index 84d81802..37b48e5c 100644 --- a/app/assets/stylesheets/login.css.scss +++ b/app/assets/stylesheets/login.css.scss @@ -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; } diff --git a/app/assets/stylesheets/mobile.css.scss b/app/assets/stylesheets/mobile.css.scss index 99a83138..f1dee2cd 100644 --- a/app/assets/stylesheets/mobile.css.scss +++ b/app/assets/stylesheets/mobile.css.scss @@ -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; } diff --git a/app/assets/stylesheets/print.css.scss b/app/assets/stylesheets/print.css.scss index 7fde32f3..70650638 100644 --- a/app/assets/stylesheets/print.css.scss +++ b/app/assets/stylesheets/print.css.scss @@ -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; -} \ No newline at end of file + width: 10pt; + height: 10pt; + display:block; + float:left; +} diff --git a/app/assets/stylesheets/tracks.css.scss b/app/assets/stylesheets/tracks.css.scss index bb801c83..c5c7f38a 100644 --- a/app/assets/stylesheets/tracks.css.scss +++ b/app/assets/stylesheets/tracks.css.scss @@ -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; }