beautiful_scaffold 0.0.1 → 0.0.6

data/lib/generators/templates/app/assets/stylesheets/beautiful_scaffold.css.scss

@@ -0,0 +1,719 @@
+$bgleft:"../assets/bg-left.jpg";
+
+$warning:"../assets/bg-warning.png";
+$success:"../assets/bg-success.png";
+$error:"../assets/bg-error.png";
+$notice:"../assets/bg-notice.png";
+
+$bg-color-warning:#FFFBCC;
+$bg-color-success:#D5FFCF;
+$bg-color-error:#FFCECF;
+$bg-color-notice:#DCE3FF;
+
+$border-color-warning:#E5DB55;
+$border-color-success:#9ADF8F;
+$border-color-error:#DF8F90;
+$border-color-notice:#A3B3EE;
+
+$gradient-top:#6fb200;
+$gradient-bottom:#4b9200;
+
+$box-title-gradient-top:#e8e8e8;
+$box-title-gradient-bottom:#dadada;
+
+$border-spinner:#4b9200;
+$shadow-spinner:#6fb200;
+
+$selected-text:#6fb200;
+$selected-text-bg:white;
+
+@mixin border-radius($content){
+  -ms-border-radius:$content;
+  -o-border-radius:$content;
+  -webkit-border-radius:$content;
+  -moz-border-radius:$content;
+  border-radius:$content;
+}
+@mixin box-shadow($content){
+  -ms-box-shadow:$content;
+  -o-box-shadow:$content;
+  -webkit-box-shadow:$content;
+  -moz-box-shadow:$content;
+  box-shadow:$content;
+}
+@mixin gradient($color-top, $color-bottom){
+  background: $color-top;                                                       /* Old browsers */
+  background: -moz-linear-gradient(top, $color-top 0%, $color-bottom 100%);     /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$color-top), color-stop(100%,$color-bottom)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, $color-top 0%,$color-bottom 100%);   /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, $color-top 0%,$color-bottom 100%);        /* Opera11.10+ */
+  background: -ms-linear-gradient(top, $color-top 0%,$color-bottom 100%);       /* IE10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-top', endColorstr='$color-bottom',GradientType=0 ); /* IE6-9 */
+  background: linear-gradient(top, $color-top 0%,$color-bottom 100%);           /* W3C */
+}
+::selection{
+  background-color:$selected-text;
+  color:$selected-text-bg;
+}
+h1, h2{
+  font-size:27px;
+  font-family:helvetica;
+}
+body{
+  background:transparent url($bgleft) repeat;
+}
+#left-panel, #right-panel{
+  padding-top:30px;
+}
+#left-panel{
+  width:230px;
+  background:transparent url($bgleft) repeat;
+  position:absolute;
+  top:0;
+  left:0;
+}
+#right-panel{
+  margin:0px;
+  margin-left:230px;
+  top:0;
+  z-index:10;
+  position: relative;
+  @include box-shadow(0px 0px 10px black);
+  padding-left:20px;
+  padding-right:20px;
+  background-color:#F4F4F4;
+}
+#logo{
+  font-size:31px;
+  font-family:helvetica;
+  font-variant:small-caps;
+  color:#EEE;
+  margin-bottom:25px;
+  text-align:center;
+}
+#home, #message, #username, a{
+  font-size:11px;
+  font-family:helvetica;
+  color:#CCCCCA;
+}
+#home-link, #home, a:hover{
+  color:#6D7B6C;
+  text-align:right;
+}
+#home-link, #home{
+  margin-bottom:15px;
+  padding-right:10px;
+}
+.subtitle{
+  font-size:17px;
+  font-family:helvetica;
+  color:#555;
+  margin-top:10px;
+  margin-bottom:10px;
+}
+.menuelt{
+  transition-property:padding,width;
+  transition-duration:1s;
+  -ms-transition-property:padding,width;
+  -ms-transition-duration:1s;
+  -webkit-transition-property:padding,width;
+  -webkit-transition-duration:1s;
+  -moz-transition-property:padding,width;
+  -moz-transition-duration:1s;
+  -o-transition-property:padding,width;
+  -o-transition-duration:1s;
+
+  font-family:helvetica;
+  position:relative;
+  z-index:5;
+  width:192px;
+  
+  font-size:14px;
+  height: 17px;
+  margin: 8px 0px 4px 28px;
+  padding: 11px 15px 7px 0px;
+  
+  text-align:right;
+  cursor:pointer;
+  line-height:14px;
+  
+  @include border-radius(3px);
+  
+  color:white;
+  
+  @include gradient($gradient-top,$gradient-bottom);
+}
+.menuelt:hover{
+  padding-right:35px;
+  width:172px;
+}
+.menuelt.active{
+  z-index:15;
+  background:#F4F4F4;
+  color:#555;
+}
+.submenu{
+  display:block;
+  height:auto;
+}
+.submenu.hidden{
+  display:none;
+  height:0;
+}
+.submenu li{
+  font-size:12px;
+  font-family:helvetica;
+  color:#AAA;
+  text-align:right;
+  margin:10px;
+}
+.submenu li:hover{
+  color:white;
+}
+.menu-box{
+  @include border-radius(3px);
+  border:1px solid #BCBCBC;
+  color:#333;
+  width:120px;
+  height:20px;
+  margin:10px;
+  padding-top:80px;
+  text-align:center;
+  float:left;
+  font-family:helvetica;
+  font-size:12px;
+
+  background-color:#F4F4F4;
+  background-position:23px 4px;
+  background-repeat:no-repeat;
+}
+.menu-box:hover{
+  background-color:white;
+}
+.menu-box:first-of-type{
+  margin-left:0px;
+}
+#write-article{   background-image:url(../assets/img1.jpg);}
+#create-page{     background-image:url(../assets/img2.jpg);}
+#upload-picture{  background-image:url(../assets/img3.jpg);}
+#add-event{       background-image:url(../assets/img4.jpg);}
+#manage-comments{ background-image:url(../assets/img5.jpg);}
+.box{
+  @include border-radius(3px);
+  border:1px solid #CDCDCD;
+  border-top-color:#DDDDDD;
+  background-color:white;
+  clear:left;
+}
+.box h2{
+  font-family:helvetica;
+  font-size:13px;
+  font-weight:bold;
+  color:black;
+  padding:6px;
+  margin-top:4px;
+}
+.box p{
+  font-family:helvetica;
+  font-size:12px;
+  font-weight:normal;
+  color:#555;
+  padding:6px;
+}
+.box-title{
+  font-family:helvetica;
+  font-size:14px;
+  font-weight:bold;
+  color:black;
+  padding:6px;
+  cursor:pointer;
+  @include gradient($box-title-gradient-top,$box-title-gradient-bottom);
+  border-bottom:1px solid #BCBCBC;
+}
+form{
+  padding:15px;
+}
+.field{
+  clear:left;
+}
+select, option, textarea, input[type=text], 
+input[type=color], 
+input[type=date], 
+input[type=datetime], 
+input[type=datetime-local], 
+input[type=email], 
+input[type=file], 
+input[type=image], 
+input[type=month], 
+input[type=number], 
+input[type=password], 
+input[type=range], 
+input[type=reset], 
+input[type=search], 
+input[type=tel], 
+input[type=text], 
+input[type=time], 
+input[type=url], 
+input[type=week]{
+  @include border-radius(3px);
+  background-color:white;
+  border:1px solid #DDD;
+  margin-bottom:15px;
+  clear:left;
+  font-size:13px;
+  padding:3px;
+  font-family:helvetica;
+  font-size:13px;
+  line-height:18px;
+}
+option{
+  margin:0;
+  border:0;
+}
+select:focus, option:focus, textarea:focus, input[type=text]:focus, 
+input[type=color]:focus, 
+input[type=date]:focus, 
+input[type=datetime]:focus, 
+input[type=datetime-local]:focus, 
+input[type=email]:focus, 
+input[type=file]:focus, 
+input[type=image]:focus, 
+input[type=month]:focus, 
+input[type=number]:focus, 
+input[type=password]:focus, 
+input[type=range]:focus, 
+input[type=reset]:focus, 
+input[type=search]:focus, 
+input[type=tel]:focus, 
+input[type=text]:focus, 
+input[type=time]:focus, 
+input[type=url]:focus, 
+input[type=week]:focus{
+  @include box-shadow(0px 0px 3px #5BA000);
+  border:1px solid #DDD;
+}
+label{
+  clear:left;
+  display:block;
+  font-family:helvetica;
+  font-size:13px;
+  color:#444;
+  margin-bottom:7px;
+}
+label.label-richtext-type{
+  display:inline;
+}
+label.inlabel{
+  display:inline;
+}
+.btn, input[type=submit]{
+  display:inline-block;
+  
+  font-size:12px;
+  font-family:helvetica;
+  position:relative;
+  z-index:11;
+  margin:4px;
+  padding:6px 10px;
+  text-align:center;
+  
+  -moz-box-sizing: content-box;
+  -o-box-sizing: content-box;
+  -ms-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+
+  line-height:18px;
+  @include border-radius(3px);
+  border:none;
+  color:white;
+  text-decoration:none;
+  @include gradient($gradient-top,$gradient-bottom);
+}
+.btn:hover, input[type=submit]:hover{
+  color:white;
+  text-decoration:none;
+  
+  @include gradient($gradient-bottom,$gradient-top);
+}
+.content-box{
+  clear:both;
+  margin-top:10px;
+  margin-bottom:10px;
+}
+.content-box-left, .content-box-right{
+  width:49%;
+  height:229px;
+  margin-top:10px;
+  margin-bottom:10px;
+}
+.content-box-left{
+  float:left;
+  clear:left;
+}
+.content-box-right{
+  float:right;
+  clear:right;
+}
+.close{
+  height:26px;
+  overflow:hidden;
+}
+.index_filter{ display:table-cell;vertical-align: top;width:24%;height:100%;padding-top:52px;}
+.index_table{ display:block;width:100%;height:100%;}
+
+.filter-min{
+  display:inline-block;
+  width:98px;
+  margin-right:5px;
+}
+.filter-max{
+  display:inline-block;
+  width:99px;
+}
+.filter{
+  width:210px;
+}
+
+#footer{
+  clear:left;
+  font-family:helvetica;
+  font-size:11px;
+  color:#666;
+  margin-top:8px;
+  padding-top:8px;
+  border-top:1px solid #BBB;
+  height:20px;
+}
+#flash-warning,
+#flash-notice,
+#flash-success,
+#flash-error{
+  font-family:helvetica;
+  font-size:12px;
+  border-style:solid;
+  border-width:1px;
+  @include border-radius(3px);
+  padding:8px;
+  padding-left:28px;
+  display:block;
+  color:#333;
+  clear:left;
+  margin:3px 0px;
+}
+#flash-warning{
+  border-color:$border-color-warning;
+  background:$bg-color-warning url($warning) no-repeat 7px 8px;
+}
+#flash-notice{
+  border-color:$border-color-notice;
+  background:$bg-color-notice url($notice) no-repeat 7px 8px;
+}
+#flash-success{
+  border-color:$border-color-success;
+  background:$bg-color-success url($success) no-repeat 7px 8px;
+}
+#flash-error{
+  border-color:$border-color-error;
+  background:$bg-color-error url($error) no-repeat 7px 8px;
+}
+.successful, .error{
+  font-family:helvetica;
+  font-size:13px;
+  color:#333;
+  padding:0px 0px 5px 28px;
+  margin-top:4px;
+  margin-left:7px;
+}
+.successful{
+  background:white url(../assets/bg-success.png) no-repeat 7px 1px;
+}
+.error{
+  background:white url(../assets/bg-error.png) no-repeat 7px 1px;
+}
+table{
+  margin:10px;
+  border:1px solid #BBB;
+  width:100%;
+}
+table tr:first-child{
+  font-weight:bold;
+  text-align:left;
+  border-bottom:1px solid #DDD;
+  border-left:none;
+  border-right:none;
+  background-color:#DDD;
+}
+table tr:last-child{
+  border-bottom:1px solid #BBB;
+}
+table tr:first-child td, table tr:first-child th{
+  color:#111;
+}
+table tr:first-child td a, table tr:first-child th a{
+  text-decoration:none;
+}
+table tr td, table tr th{
+  padding:5px 9px 5px 0px;
+  font-family:helvetica;
+  font-size:12px;
+  color:#777;
+  border-bottom:1px solid #DDD;
+}
+table tr td a, table tr th a{
+  color:#777;
+}
+table tr.line-1{
+  background-color:white;
+}
+table tr.line-2{
+  background-color:#EEE;
+}
+table tr.line-1:hover, table tr.line-2:hover, table tr:hover{
+  background-color:#DDD;
+  @include box-shadow(0px 0px 7px #777);
+}
+/* Login page */
+html, body{
+  height:100%;
+}
+#admin-login{
+  height:100%;
+}
+#top-login{
+  background:transparent url(../assets/bg-top-login.jpg);
+  border-bottom:1px solid #eee;
+  height:33%;
+  width:100%;
+  position:relative;
+}
+#top-login p{
+  font-family:helvetica;
+  font-weight:bold;
+  font-size:25px;
+  margin-bottom:30px;
+  color:#DFDFDF;
+  text-align:center;
+  position:absolute;
+  bottom:0px;
+  width:100%;
+}
+#bottom-login{
+  background:transparent url(../assets/bg-bottom-login.jpg);
+  height:65%;
+  width:100%;
+}
+label.login-label span,
+label.login-label-right span{
+  color:white;
+  font-size:14px;
+  display:inline-block;
+  width:125px;
+}
+label.login-label-right span{
+  width:100px;
+}
+label.login-label input[type=text]{
+  margin-bottom:0px;
+}
+label.login-label, label.login-label-right{
+  margin-bottom:15px;
+}
+.submit, label.login-label-right{
+  text-align:right;
+}
+#bottom-login form{
+  width:293px;
+  margin-left:auto;
+  margin-right:auto;
+}
+.al, .ac, .ar{
+  vertical-align:middle;
+}
+.al{
+  text-align:left;
+}
+.ac{
+  text-align:center;
+}
+.ar{
+  text-align:right;
+}
+.box-margintl{
+  margin-left:10px;
+  margin-top:10px;
+}
+#export{
+  margin-left:10px; 
+}
+#export p{
+  margin:0;
+  padding:0;
+}
+#export_label{
+  display:block;
+  float:left;
+  margin-left:47px;
+  background:none;
+  color:#777;
+  padding-top:5px;
+  padding-right:10px;
+}
+#batch_label{
+  display:inline;
+  color:#777;
+  padding-top:5px;
+  padding-right:10px;
+}
+label.allitems{
+  font-size:11px;
+}
+#table-items-and-filter{
+  display:table;
+}
+form.table-item{
+  display:table-cell;
+  vertical-align:top;
+}
+.beautiful_pagination{
+  height:23px;
+}
+
+/* http://www.alessioatzeni.com/blog/css3-loading-animation-loop/ */
+.loader{
+  position:fixed;
+  top:50%;
+  left:50%;
+  width:70px;
+  height:70px;
+  z-index:1000;
+}
+.circle {
+  background-color: rgba(0,0,0,0);
+  border:5px solid $border-spinner;
+  opacity:.9;
+  border-right:5px solid rgba(0,0,0,0);
+  border-left:5px solid rgba(0,0,0,0);
+  border-radius:50px;
+  box-shadow: 0 0 35px $shadow-spinner;
+  width:50px;
+  height:50px;
+  margin:0 auto;
+  -moz-animation:spinPulse 1s infinite ease-in-out;
+  -webkit-animation:spinPulse 1s infinite linear;
+}
+.circle1 {
+  background-color: rgba(0,0,0,0);
+  border:5px solid $border-spinner;
+  opacity:.9;
+  border-left:5px solid rgba(0,0,0,0);
+  border-right:5px solid rgba(0,0,0,0);
+  border-radius:50px;
+  box-shadow: 0 0 15px $shadow-spinner; 
+  width:30px;
+  height:30px;
+  margin:0 auto;
+  position:relative;
+  top:-50px;
+  -moz-animation:spinoffPulse 1s infinite linear;
+  -webkit-animation:spinoffPulse 1s infinite linear;
+}
+@-ms-keyframes spinPulse {
+  0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
+  50% { -ms-transform:rotate(145deg); opacity:1;}
+  100% { -ms-transform:rotate(-320deg); opacity:0; }
+}
+@-ms-keyframes spinoffPulse {
+  0% { -ms-transform:rotate(0deg); }
+  100% { -ms-transform:rotate(360deg); }
+}
+@-o-keyframes spinPulse {
+  0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
+  50% { -o-transform:rotate(145deg); opacity:1;}
+  100% { -o-transform:rotate(-320deg); opacity:0; }
+}
+@-o-keyframes spinoffPulse {
+  0% { -o-transform:rotate(0deg); }
+  100% { -o-transform:rotate(360deg); }
+}
+@-moz-keyframes spinPulse {
+  0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner;}
+  50% { -moz-transform:rotate(145deg); opacity:1; }
+  100% { -moz-transform:rotate(-320deg); opacity:0; }
+}
+@-moz-keyframes spinoffPulse {
+  0% { -moz-transform:rotate(0deg); }
+  100% { -moz-transform:rotate(360deg);  }
+}
+@-webkit-keyframes spinPulse {
+  0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
+  50% { -webkit-transform:rotate(145deg); opacity:1;}
+  100% { -webkit-transform:rotate(-320deg); opacity:0; }
+}
+@-webkit-keyframes spinoffPulse {
+  0% { -webkit-transform:rotate(0deg); }
+  100% { -webkit-transform:rotate(360deg); }
+}
+
+/* Pagination */
+.beautiful_pagination {
+  background: white;
+  cursor: default;
+  font-size:12px;
+  margin-left:10px;
+}
+.beautiful_pagination a, .beautiful_pagination .previous_page, .beautiful_pagination .next_page{
+  padding:4px 7px 5px 7px;
+  display: block;
+  float: left;
+  margin-right: 1px;
+
+  font-family:helvetica;
+  text-decoration: none;
+  color:$gradient-top;
+  border:none;
+  font-size:12px;
+
+  @include border-radius(3px);
+
+  border:1px solid $gradient-top;
+}
+.beautiful_pagination a:hover{
+  color:black;
+  border:1px solid black;
+}
+.beautiful_pagination .current{
+  padding:4px 7px 5px 7px;
+  display: block;
+  float: left;
+  margin-right: 1px;
+
+  font-family:helvetica;
+  text-decoration: none;
+  color: #5BA000;
+  border:none;
+  font-size:12px;
+  color:white;
+
+  @include border-radius(3px);
+  @include gradient($gradient-top,$gradient-bottom);
+
+  border:1px solid $gradient-top;
+}
+
+.beautiful_pagination .previous_page, .beautiful_pagination .previous_page:hover,
+.beautiful_pagination .next_page, .beautiful_pagination .next_page:hover{
+  border:none;
+}
+.beautiful_pagination .disabled{
+  color:gray;
+}
+.beautiful_pagination .gap{
+  padding:4px 7px 5px 7px;
+  display: block;
+  float: left;
+  margin-right: 1px;
+}
+.markItUp .markItUpContainer .markItUpHeader a:hover{
+  color:transparent;
+}