grandstand 0.2.7 → 0.3.0

data/lib/generators/grandstand/install/templates/public/stylesheets/buttons.css

@@ -0,0 +1,81 @@
+.grandstand #dialog .toolbar, .grandstand .wysiwyg .toolbar {
+  background-color:#a7a7a7;
+  background-image:-moz-linear-gradient(top, #cacaca, #a7a7a7);
+  background-image:-webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#a7a7a7));
+  overflow:hidden;
+  padding:5px; 
+}
+
+
+.grandstand .button {
+  background-color:#ededed;
+  background-image:-moz-linear-gradient(center bottom, rgb(131,215,108) 0%, rgb(159,237,138) 100%);
+  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(0.03, #ededed), color-stop(1, #c4c4c4));
+  border:1px solid #aaa;
+  border-bottom-color:#949494;
+  border-top-color:#bdbdbd;
+  color:#4f4f4f !important;
+  cursor:pointer;
+  display:inline-block;
+  height:24px;
+  line-height:24px !important;
+  font:bold 12px Arial, sans-serif;
+  margin:0;
+  overflow:hidden;
+  padding:0 10px;
+  text-decoration:none !important;
+  text-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
+  -moz-border-radius:2px;
+  -webkit-border-radius:2px;
+  -webkit-box-shadow:rgba(255, 255, 255, 0.7) 0 1px 0;
+  -webkit-box-sizing:content-box;
+  -webkit-transition:-webkit-box-shadow 0.1s linear;
+}
+
+.grandstand .button:focus:not(:disabled) {
+  outline:0;
+  -moz-box-shadow:#bbb 0 0 5px;
+  -webkit-box-shadow:#bbb 0 0 5px;
+}
+
+.grandstand .button:active:not(:disabled) {
+  background-image:-moz-linear-gradient(center bottom, rgb(131,215,108) 100%, rgb(159,237,138) 0%);
+  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f7f7f7), color-stop(0.03, #ededed), color-stop(1, #c4c4c4));
+  border-bottom-color:#bdbdbd;
+  border-top-color:#949494;
+}
+
+.grandstand .button:disabled {
+  cursor:default;
+  opacity:0.5;
+}
+
+.grandstand .button.default {
+    background-color:#b9e0f5;
+    background-image:-moz-linear-gradient(center bottom, rgb(131,215,108) 0%, rgb(159,237,138) 100%);
+    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ddf0fb), color-stop(0.03, #b9e0f5), color-stop(1, #83b0ca));
+    border:1px solid #6e94a9;
+    border-bottom-color:#587e93;
+    border-top-color:#8ab0c6;
+    color:#1c4257 !important;
+}
+
+.grandstand .button.default:hover:not(:disabled) {
+
+}
+
+.grandstand .button.default:active:not(:disabled) {
+  background-image:-moz-gradient(linear, left bottom, left top, color-stop(0, #ddf0fb), color-stop(0.03, #b9e0f5), color-stop(1, #83b0ca));
+  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #ddf0fb), color-stop(0.03, #b9e0f5), color-stop(1, #83b0ca));
+  border:1px solid #6e94a9;
+  border-bottom-color:#8ab0c6;
+  border-top-color:#587e93;
+}
+
+.grandstand .button.has-icon {
+  padding-left:5px;
+}
+
+.grandstand .button .icon {
+	background-position:left center;
+}

data/lib/generators/grandstand/install/templates/public/stylesheets/dialog.css

@@ -0,0 +1,142 @@
+/* Dialog styling */
+#cover {
+  background-color:#000;
+  height:100%;
+  left:0;
+  opacity:0.6;
+  position:fixed;
+  top:0;
+  width:100%;
+  z-index:3;
+}
+
+#cover.loading {
+  background-image:url(../images/spinner-dark.gif);
+  background-position:center center;
+  background-repeat:no-repeat;
+}
+
+#dialog {
+  left:50%;
+  margin-left:-200px;
+  position:fixed;
+  top:0;
+  width:400px;
+  z-index:3;
+  -moz-border-radius-bottomleft:5px;
+  -moz-border-radius-bottomright:5px;
+  -webkit-border-bottom-left-radius:5px;
+  -webkit-border-bottom-right-radius:5px;
+  -moz-box-shadow:#333 0 1px 2px;
+  -webkit-box-shadow:#333 0 1px 2px;
+}
+
+#dialog .source {
+  float:left;
+  height:100%;
+  overflow-x:hidden;
+  overflow-y:auto;
+  width:200px;
+}
+
+#dialog .source .header {
+  background-color:transparent !important;
+  background-image:none !important;
+  border-width:0 !important;
+  color:#505d81;
+  font-weight:bold;
+  padding:10px 10px 5px 10px;
+  text-shadow:#f1f5f8 0 1px 0;
+  text-transform:uppercase;
+}
+
+#dialog .source a {
+  border-top:1px solid #d9dfe8;
+  color:#000;
+  display:block;
+  padding:5px 5px 5px 20px;
+  text-decoration:none;
+}
+
+#dialog .source a.active {
+  background:-webkit-gradient(linear, left top, left bottom, from(#63a4e2), to(#0066c0));
+  border-top:1px solid #4691d6;
+  color:#fff;
+  text-shadow:#000 0 1px 0;
+}
+
+#dialog .toolbar {
+  border-top:1px solid #888;
+  clear:both;
+  text-align:right;
+  -moz-border-radius-bottomleft:5px;
+  -moz-border-radius-bottomright:5px;
+  -webkit-border-bottom-left-radius:5px;
+  -webkit-border-bottom-right-radius:5px;
+}
+
+#dialog .toolbar .button {
+  border-color:#888;
+}
+
+#dialog h2 {
+  background:#fafafa;
+  border-bottom:1px solid #ddd;
+  color:#555;
+  font-size:11pt;
+  font-weight:bold;
+  margin:0 !important;
+  padding:5px;
+  text-shadow:#fff 0 1px 0;
+}
+
+#dialog form {
+  border-top:1px solid #fff;
+  margin:0;
+}
+
+#dialog form.two-pane {
+  background:#d9dfe8;
+  border-top-width:0;
+  -moz-border-radius-bottomleft:5px;
+  -moz-border-radius-bottomright:5px;
+  -webkit-border-bottom-left-radius:5px;
+  -webkit-border-bottom-right-radius:5px;
+}
+
+#dialog .destination {
+  background-color:#fff;
+  border-left:1px solid #aaa;
+  height:100%;
+  margin-left:200px;
+}
+
+#dialog .field {
+  background:#f0f0f0;
+  padding:10px;
+}
+
+#dialog .image {
+  cursor:pointer;
+}
+
+#dialog .scrollable {
+  /*height:100%;*/
+  overflow-x:hidden;
+  overflow-y:auto;
+  padding:10px 0;
+  width:100%;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+}
+
+#dialog.large {
+  margin-left:-450px;
+  width:900px;
+}
+
+#dialog.medium {
+  margin-left:-300px;
+  width:600px;
+}

data/lib/generators/grandstand/install/templates/public/stylesheets/forms.css

@@ -0,0 +1,94 @@
+/* Grandstand Forms */
+.grandstand select {
+  padding:2px;
+}
+
+.grandstand select.error {
+  border:1px solid #f00;
+}
+
+.grandstand select.multiple {
+  min-height:55px;
+  min-width:150px;
+}
+
+.grandstand select.small {
+  width:50px;
+}
+
+.grandstand textarea {
+  height:50px;
+}
+
+.grandstand textarea.small {
+  height:32px;
+  width:180px;
+}
+
+.grandstand textarea.wysiwyg {
+  display:block;
+  height:600px;
+  width:100%;
+}
+
+.grandstand textarea.error, .grandstand input.error {
+  border:1px solid #f00 !important;
+}
+
+.grandstand input.text, .grandstand textarea {
+  background:#fff url(../images/background-input.gif) repeat-x;
+  border-bottom:1px solid #ddd;
+  border-left:1px solid #c3c3c3;
+  border-right:1px solid #c3c3c3;
+  border-top:1px solid #7d7d7d;
+  padding:3px;
+  width:370px;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+}
+
+.grandstand input.text.medium {
+  width:180px;
+}
+
+.grandstand input.text.oversized {
+  /*  display:block;*/
+  font-size:18px;
+  width:100%;
+}
+
+.grandstand input.half.text.oversized {
+  width:183px;
+}
+
+.grandstand input.text.small {
+  width:94px;
+}
+
+.grandstand input.text.tiny {
+  width:50px;
+}
+
+.grandstand input.replace.unedited, .grandstand textarea.replace.unedited {
+  color:#777 !important;
+}
+
+/* Progress Bar UI */
+.grandstand .progress-bar {
+  background:url(../images/background-progress-bar.png) repeat-x left center;
+  margin:0;
+  padding:0 !important;
+  width:200px;
+}
+
+.grandstand .progress-bar .progress {
+  background:url(../images/background-progress.gif) repeat-x;
+  height:11px;
+  width:0;
+}
+
+.grandstand .progress-bar.complete .progress {
+  background-image:url(../images/background-progress-complete.gif);
+  width:100%;
+}

data/lib/generators/grandstand/install/templates/public/stylesheets/global.css

@@ -0,0 +1,94 @@
+@import url('buttons.css');
+
+@font-face {
+	font-family: 'MuseoSans';
+	src: url('../fonts/museosans.eot');
+	src: local('☺'), url('../fonts/museosans.woff') format('woff'), url('../fonts/museosans.ttf') format('truetype'), url('../fonts/museosans.svg#webfontppiXQhGR') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* HTML Tags (excluding form input elements) */
+body, html {
+  min-height:100%;
+}
+
+body.grandstand {
+  font:12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.grandstand a {
+  color:#991818;
+  cursor:pointer;
+  text-decoration:none;
+}
+
+.grandstand a:hover {
+  color:#d72323;
+}
+
+.grandstand a img {
+  border-width:0;
+}
+
+.grandstand form .field {
+  margin:0;
+  overflow:hidden;
+  padding:10px 5px;
+}
+
+.grandstand form label, .grandstand form .label {
+  color:#666;
+  display:block;
+  font:bold 12px Arial;
+  margin-bottom:3px;
+}
+
+.grandstand h1, .grandstand h2 {
+  font-family:'Calibiri', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.grandstand h1 {
+  margin:0 0 10px 0;
+  font-family:'MuseoSans';
+  font-size:22pt;
+  font-weight:normal;
+  text-transform:uppercase;
+}
+
+.grandstand h2 {
+  display:block !important;
+  font-size:18pt;
+  font-weight:normal;
+  margin:0 0 5px 0;
+}
+
+/* General Classes */
+.grandstand .inset {
+  background-color:#f5f5f5;
+  border-bottom:1px solid #fff;
+  padding:10px;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+  -moz-box-shadow:inset #888 0 1px 2px;
+  -webkit-box-shadow:inset #888 0 1px 2px;
+}
+
+.grandstand .notification {
+  bottom:20px;
+  position:fixed;
+  text-align:center;
+  width:100%;
+  z-index:4;
+}
+
+.grandstand .notification .inner {
+  background:rgba(0, 0, 0, 0.7);
+  color:#fff;
+  display:inline-block;
+  font-size:24pt;
+  margin:0 auto;
+  padding:10px 20px;
+  -moz-border-radius:70px;
+  -webkit-border-radius:70px;
+}

data/lib/generators/grandstand/install/templates/public/stylesheets/login.css

@@ -0,0 +1,37 @@
+@import url('forms.css');
+@import url('global.css');
+
+body.grandstand {
+  background-color:#c9d1d3;
+}
+
+#logo {
+  left:50%;
+  margin-left:-200px;
+  position:absolute;
+  top:100px;
+  width:400px;
+}
+
+#login {
+  border-bottom:1px solid #ffffff;
+  left:50%;
+  margin:0 0 0 -200px;
+  position:absolute;
+  padding:2em 2em 3em 2em;
+  top:135px;
+  width:400px;
+  -moz-box-sizing:border-box;
+  -ms-box-sizing:border-box;
+  -webkit-box-sizing:border-box;
+  -moz-border-radius:5px;
+  -webkit-border-radius:5px;
+}
+
+#footer {
+  bottom:1em;
+  font-size:8pt;
+  position:absolute;
+  text-align:center;
+  width:100%;
+}