From 16f51fd9dc454b26d9866b080caa17ffe2f8ce27 Mon Sep 17 00:00:00 2001 From: Daniel Beauchamp Date: Mon, 13 Aug 2012 23:36:38 -0400 Subject: Updated to use sprockets! Ah, much cleaner. --- .../project/assets/stylesheets/application.scss | 227 +++++++++++++++++++++ 1 file changed, 227 insertions(+) create mode 100644 templates/project/assets/stylesheets/application.scss (limited to 'templates/project/assets/stylesheets/application.scss') diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss new file mode 100644 index 0000000..c3b2a67 --- /dev/null +++ b/templates/project/assets/stylesheets/application.scss @@ -0,0 +1,227 @@ +/* + //=require_directory . + //=require_tree ../../widgets +*/ +// ---------------------------------------------------------------------------- +// Sass declarations +// ---------------------------------------------------------------------------- +$background-color: #222; +$text-color: #fff; + +$background-warning-color-1: #e82711; +$background-warning-color-2: #9b2d23; +$text-warning-color: #fff; + +$background-danger-color-1: #eeae32; +$background-danger-color-2: #ff9618; +$text-danger-color: #fff; + +@-webkit-keyframes status-warning-background { + 0% { background-color: $background-warning-color-1; } + 50% { background-color: $background-warning-color-2; } + 100% { background-color: $background-warning-color-1; } +} +@-webkit-keyframes status-danger-background { + 0% { background-color: $background-danger-color-1; } + 50% { background-color: $background-danger-color-2; } + 100% { background-color: $background-danger-color-1; } +} +@mixin animation($animation-name, $duration, $function, $animation-iteration-count:""){ + -webkit-animation: $animation-name $duration $function #{$animation-iteration-count}; + -moz-animation: $animation-name $duration $function #{$animation-iteration-count}; + -ms-animation: $animation-name $duration $function #{$animation-iteration-count}; +} + +// ---------------------------------------------------------------------------- +// Base styles +// ---------------------------------------------------------------------------- +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; + background-color: $background-color; + font-size: 20px; + color: $text-color; + font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +b, strong { + font-weight: bold; +} + +a { + text-decoration: none; + color: inherit; +} + +img { + border: 0; + -ms-interpolation-mode: bicubic; + vertical-align: middle; +} + +img, object { + max-width: 100%; +} + +iframe { + max-width: 100%; +} + +table { + border-collapse: collapse; + border-spacing: 0; + width: 100%; +} + +td { + vertical-align: middle; +} + +ul, ol { + padding: 0; + margin: 0; +} + +h1, h2, h3, h4, h5, p { + padding: 0; + margin: 0; +} +h1 { + margin-bottom: 12px; + text-align: center; + font-size: 30px; + font-weight: 300; +} +h2 { + text-transform: uppercase; + font-size: 80px; + font-weight: 700; + color: $text-color; +} +h3 { + font-size: 25px; + font-weight: 600; + color: $text-color; +} + +// ---------------------------------------------------------------------------- +// Base widget styles +// ---------------------------------------------------------------------------- +.gridster { + margin: 0px auto; +} + +.list-nostyle { + list-style: none; +} + +.gridster ul { + list-style: none; +} + +.gs_w { + width: 100%; + display: table; + cursor: pointer; +} + +.widget { + padding: 25px 12px; + text-align: center; + width: 100%; + display: table-cell; + vertical-align: middle; +} + +.widget.status-warning { + background-color: $background-warning-color-1; + @include animation(status-warning-background, 2s, ease, infinite); + + .icon-warning-sign { + display: inline-block; + } + + .title, .text-moreinfo { + color: $text-warning-color; + } +} + +.widget.status-danger { + color: $text-danger-color; + background-color: $background-danger-color-1; + @include animation(status-danger-background, 2s, ease, infinite); + + .icon-warning-sign { + display: inline-block; + } + + .title, .text-moreinfo { + color: $text-danger-color; + } +} + +.text-moreinfo { + margin-top: 12px; + font-size: 15px; +} + +#save-gridster { + display: none; + position: fixed; + top: 0; + margin: 0px auto; + left: 50%; + z-index: 1000; + background: black; + width: 190px; + text-align: center; + border: 1px solid white; + border-top: 0px; + margin-left: -95px; + padding: 15px; +} + +#save-gridster:hover { + padding-top: 25px; +} + +#saving-instructions { + display: none; + padding: 10px; + width: 500px; + height: 122px; + z-index: 1000; + background: white; + top: 100px; + color: black; + + textarea { + white-space: nowrap; + width: 494px; + height: 80px; + } +} + +#lean_overlay { + position: fixed; + z-index:100; + top: 0px; + left: 0px; + height:100%; + width:100%; + background: #000; + display: none; +} + + +// ---------------------------------------------------------------------------- +// Clearfix +// ---------------------------------------------------------------------------- +.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } +.clearfix:after { clear: both; } +.clearfix { zoom: 1; } \ No newline at end of file -- cgit v1.2.3 From 54c6a04b722663b518bf99b4d98a1c2e86ee5103 Mon Sep 17 00:00:00 2001 From: Daniel Beauchamp Date: Tue, 14 Aug 2012 05:23:57 -0400 Subject: Updated the sample project. --- templates/project/assets/stylesheets/application.scss | 2 ++ 1 file changed, 2 insertions(+) (limited to 'templates/project/assets/stylesheets/application.scss') diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss index c3b2a67..7c5f300 100644 --- a/templates/project/assets/stylesheets/application.scss +++ b/templates/project/assets/stylesheets/application.scss @@ -199,6 +199,8 @@ h3 { background: white; top: 100px; color: black; + font-size: 15px; + padding-bottom: 4px; textarea { white-space: nowrap; -- cgit v1.2.3 From a4a4564f760bb1bcd541366186cd46488d5a569b Mon Sep 17 00:00:00 2001 From: Daniel Beauchamp Date: Tue, 30 Oct 2012 05:16:35 -0400 Subject: Added new widgets, and made them more flexible. Ready for 0.1.3! --- .../project/assets/stylesheets/application.scss | 40 ++++++++++++++++++---- 1 file changed, 33 insertions(+), 7 deletions(-) (limited to 'templates/project/assets/stylesheets/application.scss') diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss index 7c5f300..ea2cd86 100644 --- a/templates/project/assets/stylesheets/application.scss +++ b/templates/project/assets/stylesheets/application.scss @@ -95,11 +95,11 @@ h1 { margin-bottom: 12px; text-align: center; font-size: 30px; - font-weight: 300; + font-weight: 400; } h2 { text-transform: uppercase; - font-size: 80px; + font-size: 76px; font-weight: 700; color: $text-color; } @@ -116,6 +116,16 @@ h3 { margin: 0px auto; } +.icon-background { + width: 100%!important; + height: 100%; + position: absolute; + left: 0; + top: 0; + opacity: 0.1; + font-size: 275px; +} + .list-nostyle { list-style: none; } @@ -146,7 +156,7 @@ h3 { display: inline-block; } - .title, .text-moreinfo { + .title, .more-info { color: $text-warning-color; } } @@ -160,14 +170,25 @@ h3 { display: inline-block; } - .title, .text-moreinfo { + .title, .more-info { color: $text-danger-color; } } -.text-moreinfo { - margin-top: 12px; +.more-info { font-size: 15px; + position: absolute; + bottom: 32px; + left: 0; + right: 0; +} + +.updated-at { + font-size: 15px; + position: absolute; + bottom: 12px; + left: 0; + right: 0; } #save-gridster { @@ -220,10 +241,15 @@ h3 { display: none; } +#container { + padding-top: 5px; +} + // ---------------------------------------------------------------------------- // Clearfix // ---------------------------------------------------------------------------- .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } -.clearfix { zoom: 1; } \ No newline at end of file +.clearfix { zoom: 1; } + -- cgit v1.2.3 From 3af326da84251069c4e6f7464d0ae8506b20e98b Mon Sep 17 00:00:00 2001 From: David Underwood Date: Wed, 21 Aug 2013 14:18:10 -0400 Subject: Updates fontawesome to 3.2.1 --- .../project/assets/stylesheets/application.scss | 50 +++++++++++----------- 1 file changed, 26 insertions(+), 24 deletions(-) (limited to 'templates/project/assets/stylesheets/application.scss') diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss index ea2cd86..20e009f 100644 --- a/templates/project/assets/stylesheets/application.scss +++ b/templates/project/assets/stylesheets/application.scss @@ -35,22 +35,22 @@ $text-danger-color: #fff; // ---------------------------------------------------------------------------- // Base styles // ---------------------------------------------------------------------------- -html { - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } -body { - margin: 0; +body { + margin: 0; background-color: $background-color; font-size: 20px; color: $text-color; font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; } -b, strong { - font-weight: bold; +b, strong { + font-weight: bold; } a { @@ -58,18 +58,18 @@ a { color: inherit; } -img { - border: 0; - -ms-interpolation-mode: bicubic; - vertical-align: middle; +img { + border: 0; + -ms-interpolation-mode: bicubic; + vertical-align: middle; } -img, object { - max-width: 100%; +img, object { + max-width: 100%; } -iframe { - max-width: 100%; +iframe { + max-width: 100%; } table { @@ -82,16 +82,16 @@ td { vertical-align: middle; } -ul, ol { - padding: 0; - margin: 0; +ul, ol { + padding: 0; + margin: 0; } -h1, h2, h3, h4, h5, p { +h1, h2, h3, h4, h5, p { padding: 0; - margin: 0; + margin: 0; } -h1 { +h1 { margin-bottom: 12px; text-align: center; font-size: 30px; @@ -124,6 +124,8 @@ h3 { top: 0; opacity: 0.1; font-size: 275px; + text-align: center; + margin-top: 82px; } .list-nostyle { @@ -152,7 +154,7 @@ h3 { background-color: $background-warning-color-1; @include animation(status-warning-background, 2s, ease, infinite); - .icon-warning-sign { + .icon-warning-sign { display: inline-block; } @@ -166,7 +168,7 @@ h3 { background-color: $background-danger-color-1; @include animation(status-danger-background, 2s, ease, infinite); - .icon-warning-sign { + .icon-warning-sign { display: inline-block; } -- cgit v1.2.3 From 6c58c68705c5201873958504a141105b826dae79 Mon Sep 17 00:00:00 2001 From: Lillian Ng Date: Mon, 19 May 2014 12:21:15 -0700 Subject: upgrade gridster.js to v0.5.1 --- templates/project/assets/stylesheets/application.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'templates/project/assets/stylesheets/application.scss') diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss index 20e009f..fb1ba5d 100644 --- a/templates/project/assets/stylesheets/application.scss +++ b/templates/project/assets/stylesheets/application.scss @@ -143,9 +143,9 @@ h3 { } .widget { - padding: 25px 12px; text-align: center; - width: 100%; + width: inherit; + height: inherit; display: table-cell; vertical-align: middle; } -- cgit v1.2.3 From 3343a27eea09794d713f7ad8d712a18cf8b83654 Mon Sep 17 00:00:00 2001 From: hSATAC Date: Wed, 23 Jul 2014 18:37:49 +0800 Subject: .icon-background should not block click --- templates/project/assets/stylesheets/application.scss | 1 + 1 file changed, 1 insertion(+) (limited to 'templates/project/assets/stylesheets/application.scss') diff --git a/templates/project/assets/stylesheets/application.scss b/templates/project/assets/stylesheets/application.scss index 20e009f..091ac69 100644 --- a/templates/project/assets/stylesheets/application.scss +++ b/templates/project/assets/stylesheets/application.scss @@ -117,6 +117,7 @@ h3 { } .icon-background { + pointer-events: none; width: 100%!important; height: 100%; position: absolute; -- cgit v1.2.3