cleaning stylesheets so that they fit the new assets system
Before Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 878 B |
Before Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 485 B |
Before Width: | Height: | Size: 168 B |
Before Width: | Height: | Size: 504 B |
Before Width: | Height: | Size: 984 B |
Before Width: | Height: | Size: 4.1 KiB |
Before Width: | Height: | Size: 146 KiB After Width: | Height: | Size: 146 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
@ -3,6 +3,8 @@
|
|||||||
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||||
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||||
*= require_self
|
*= require_self
|
||||||
*= require core
|
|
||||||
*= require_tree locomotive
|
*= require_tree ../../../vendor/assets/stylesheets/jquery
|
||||||
|
*= require ../../../vendor/assets/stylesheets/blueprint/screen.css
|
||||||
|
*= require_tree ./locomotive
|
||||||
*/
|
*/
|
||||||
|
@ -9,3 +9,10 @@
|
|||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@mixin locomotive-link {
|
||||||
|
a {
|
||||||
|
@include hover-link;
|
||||||
|
color: #1F82BC;
|
||||||
|
}
|
||||||
|
}
|
@ -1,263 +0,0 @@
|
|||||||
/* ___ application messages ___ */
|
|
||||||
|
|
||||||
div.notice {
|
|
||||||
background: transparent url(/assets/locomotive//form/growl-notice.png) repeat-x 0 0;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
height: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.notice.error, div.notice.alert {
|
|
||||||
background-image: url(/assets/locomotive//form/growl-error.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.notice p {
|
|
||||||
position: relative;
|
|
||||||
top: 35px;
|
|
||||||
margin: 0px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 1.5em;
|
|
||||||
text-shadow: 1px 1px 1px #333;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ list ___ */
|
|
||||||
|
|
||||||
p.no-items {
|
|
||||||
padding: 15px 0px;
|
|
||||||
background: transparent url(/assets/locomotive//list/none.png) no-repeat center 0;
|
|
||||||
text-align: center;
|
|
||||||
color: #9d8963 !important;
|
|
||||||
font-size: 1.1em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
p.no-items a {
|
|
||||||
color: #ff2900;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
p.no-items a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0px 0 20px 0;
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list li {
|
|
||||||
height: 31px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
position: relative;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list li em {
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
background: transparent url(/assets/locomotive//list/item-left.png) no-repeat left 0;
|
|
||||||
height: 31px;
|
|
||||||
width: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list li strong {
|
|
||||||
margin-left: 18px;
|
|
||||||
display: block;
|
|
||||||
height: 31px;
|
|
||||||
background: transparent url(/assets/locomotive//list/item-right.png) no-repeat right 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list li strong a {
|
|
||||||
position: relative;
|
|
||||||
top: 2px;
|
|
||||||
left: 15px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #1f82bc;
|
|
||||||
font-size: 0.9em;
|
|
||||||
text-shadow: 1px 1px 1px #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list.sortable li strong a { left: 10px; }
|
|
||||||
|
|
||||||
ul.list li strong a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
ul.list li div.more {
|
|
||||||
position: absolute;
|
|
||||||
top: 3px;
|
|
||||||
right: 15px;
|
|
||||||
font-size: 0.7em;
|
|
||||||
color: #8b8d9a;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list li div.more a {
|
|
||||||
margin-left: 10px;
|
|
||||||
position: relative;
|
|
||||||
top: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.list li span.handle {
|
|
||||||
position: relative;
|
|
||||||
top: 5px;
|
|
||||||
margin: 0 0 0 15px;
|
|
||||||
cursor: move;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ asset collections ___ */
|
|
||||||
|
|
||||||
div#asset-uploader { display: inline-block; margin-left: 10px; }
|
|
||||||
div#asset-uploader span.spinner { position: relative; top: -3px; display: none; }
|
|
||||||
div#uploadAssetsInputQueue { display: none; }
|
|
||||||
|
|
||||||
/* ___ theme assets ___ */
|
|
||||||
|
|
||||||
ul.theme-assets { margin-left: 40px; }
|
|
||||||
|
|
||||||
ul.theme-assets li.hidden strong a { font-style: italic; color: #8B8D9A; font-weight: normal; }
|
|
||||||
|
|
||||||
/* ___ contents ___ */
|
|
||||||
|
|
||||||
#contents-list li { background: none; }
|
|
||||||
|
|
||||||
#contents-list.sortable li em {
|
|
||||||
background-position: left -31px;
|
|
||||||
cursor: move;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contents-list li strong {
|
|
||||||
margin-left: 18px;
|
|
||||||
display: block;
|
|
||||||
height: 31px;
|
|
||||||
background: transparent url(/assets/locomotive//list/item-right.png) no-repeat right 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ snippets ___ */
|
|
||||||
|
|
||||||
/* ___ pages ___ */
|
|
||||||
|
|
||||||
#pages-list {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0px 0 20px 0;
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list ul { list-style: none; margin: 10px 0 10px 40px; padding: 0; }
|
|
||||||
|
|
||||||
#pages-list li {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
position: relative;
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li em {
|
|
||||||
display: block;
|
|
||||||
float: left;
|
|
||||||
background: transparent url(/assets/locomotive//list/item-left.png) no-repeat left 0;
|
|
||||||
height: 31px;
|
|
||||||
width: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list ul.folder li em {
|
|
||||||
background-position: left -31px;
|
|
||||||
cursor: move;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li .toggler {
|
|
||||||
position: absolute;
|
|
||||||
top: 9px;
|
|
||||||
left: -15px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li strong {
|
|
||||||
margin-left: 18px;
|
|
||||||
display: block;
|
|
||||||
height: 31px;
|
|
||||||
background: transparent url(/assets/locomotive//list/item-right.png) no-repeat right 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li strong a {
|
|
||||||
position: relative;
|
|
||||||
top: 2px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #1f82bc;
|
|
||||||
font-size: 0.9em;
|
|
||||||
padding-left: 6px;
|
|
||||||
text-shadow: 1px 1px 1px #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li strong a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
#pages-list li.hidden strong a { font-style: italic; font-weight: normal; }
|
|
||||||
|
|
||||||
#pages-list ul.folder li.templatized > strong a {
|
|
||||||
padding-right: 24px;
|
|
||||||
background: transparent url(/assets/locomotive//list/icons/template.png) no-repeat right 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list ul.folder li.redirect > strong a {
|
|
||||||
padding-right: 24px;
|
|
||||||
background: transparent url(/assets/locomotive//list/icons/redirect.png) no-repeat right 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li .more {
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
right: 20px;
|
|
||||||
font-size: 0.7em;
|
|
||||||
color: #8b8d9a;
|
|
||||||
height: 31px;
|
|
||||||
line-height: 31px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li .more a {
|
|
||||||
position: relative;
|
|
||||||
top: 3px;
|
|
||||||
margin-left: 10px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#pages-list li.not-found { border-top: 1px dotted #bbbbbd; padding-top: 10px; margin-left: 0px; }
|
|
||||||
#pages-list li.not-found .more { top: 10px; }
|
|
||||||
|
|
||||||
/* ___ Progress bar ___ */
|
|
||||||
|
|
||||||
#progressbar-wrapper { margin: 40px 0; height: 30px; }
|
|
||||||
#progressbar-wrapper #progressbar { height: 100%; }
|
|
||||||
|
|
||||||
/* ___ import steps ___ */
|
|
||||||
|
|
||||||
#import-steps { margin: 0px 200px; }
|
|
||||||
|
|
||||||
#import-steps li strong a { color: #b7baca; }
|
|
||||||
|
|
||||||
#import-steps li .more .states {
|
|
||||||
position: relative;
|
|
||||||
top: 4px;
|
|
||||||
height: 16px;
|
|
||||||
width: 16px;
|
|
||||||
background: transparent url(/assets/locomotive//list/icons/states.png) no-repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#import-steps li.done .more .states {
|
|
||||||
background-position: 0 -16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#import-steps li.failed .more .states {
|
|
||||||
background-position: 0 -32px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#import-steps li.done strong a {
|
|
||||||
color: #1F82BC;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* paragraph (for help for example) */
|
|
||||||
|
|
||||||
p span.code {
|
|
||||||
background: #EBEDF4;
|
|
||||||
color: #8B8D9A;
|
|
||||||
text-shadow: #fff 0px 1px;
|
|
||||||
padding: 2px 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
115
app/assets/stylesheets/locomotive/application.scss
Normal file
@ -0,0 +1,115 @@
|
|||||||
|
@import "compass/css3";
|
||||||
|
@import "compass/css3/border-radius";
|
||||||
|
@import "compass/css3/images";
|
||||||
|
@import "compass/css3/text-shadow";
|
||||||
|
@import "helpers";
|
||||||
|
|
||||||
|
div.notice {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 90px;
|
||||||
|
|
||||||
|
background: transparent image-url("locomotive/form/growl-notice.png") repeat-x 0 0;
|
||||||
|
|
||||||
|
&.error, &.alert {
|
||||||
|
background-image: image-url("locomotive/form/growl-error.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
position: relative;
|
||||||
|
top: 35px;
|
||||||
|
|
||||||
|
margin: 0px;
|
||||||
|
|
||||||
|
color: #fff;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
@include single-text-shadow(#333, 1px, 1px, 1px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ___ list ___ */
|
||||||
|
|
||||||
|
p.no-items {
|
||||||
|
background: #fffbe6;
|
||||||
|
border: 5px solid #eee3a8;
|
||||||
|
@include border-radius(25px);
|
||||||
|
|
||||||
|
padding: 15px 0px;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
color: #9d8963;
|
||||||
|
font-size: 16px !important;
|
||||||
|
|
||||||
|
a {
|
||||||
|
@include hover-link;
|
||||||
|
color: #ff2900;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.list {
|
||||||
|
background: #fff;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0px 0 20px 0;
|
||||||
|
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
height: 31px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
clear: both;
|
||||||
|
|
||||||
|
em {
|
||||||
|
display: block;
|
||||||
|
float: left;
|
||||||
|
height: 31px;
|
||||||
|
width: 18px;
|
||||||
|
background: transparent image-url("locomotive/list/item-left.png") no-repeat left 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
display: block;
|
||||||
|
height: 31px;
|
||||||
|
margin-left: 18px;
|
||||||
|
background: transparent image-url("locomotive/list/item-right.png") no-repeat right 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
position: relative;
|
||||||
|
top: 2px;
|
||||||
|
left: 15px;
|
||||||
|
|
||||||
|
text-decoration: none;
|
||||||
|
color: #1f82bc;
|
||||||
|
font-size: 13px;
|
||||||
|
@include single-text-shadow(#fff, 1px, 1px, 1px);
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.sortable li strong a { left: 10px; }
|
||||||
|
|
||||||
|
div.more {
|
||||||
|
position: absolute;
|
||||||
|
top: 3px;
|
||||||
|
right: 15px;
|
||||||
|
|
||||||
|
font-size: 11px;
|
||||||
|
color: #8b8d9a;
|
||||||
|
|
||||||
|
a {
|
||||||
|
position: relative;
|
||||||
|
top: 4px;
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.handle {
|
||||||
|
position: relative;
|
||||||
|
top: 5px;
|
||||||
|
margin: 0 0 0 15px;
|
||||||
|
cursor: move;
|
||||||
|
}
|
||||||
|
} // li div.more
|
||||||
|
} // ul.list li
|
||||||
|
}
|
@ -1,93 +0,0 @@
|
|||||||
ul.assets {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
width: 139px;
|
|
||||||
height: 140px;
|
|
||||||
background: transparent url(/assets/locomotive//list/thumb.png) no-repeat 0 0;
|
|
||||||
margin: 0 17px 17px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset.last {
|
|
||||||
margin-right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset h4 { margin: 0px; height: 30px; border-bottom: 1px solid #ccced7; position: relative; }
|
|
||||||
|
|
||||||
ul.assets li.asset h4 a {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
left: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 0.6em;
|
|
||||||
color: #1f82bc;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset h4 a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
ul.assets li.asset div.icon, ul.assets li.asset div.image {
|
|
||||||
width: 80px;
|
|
||||||
height: 80px;
|
|
||||||
border: 4px solid #fff;
|
|
||||||
margin: 10px 0 0 24px;
|
|
||||||
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
|
||||||
-moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
|
||||||
-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset div.image {
|
|
||||||
background: transparent url(/assets/locomotive//list/empty.png) repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset div.image .inside {
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
text-align: center;
|
|
||||||
width: 72px;
|
|
||||||
height: 72px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset div.icon .inside {
|
|
||||||
position: relative;
|
|
||||||
top: 24px;
|
|
||||||
text-align:center;
|
|
||||||
width: 80px;
|
|
||||||
-webkit-transform: rotate(-45deg);
|
|
||||||
-moz-transform: rotate(-45deg);
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0px 1px 0px #333;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 1.1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset div.pdf {
|
|
||||||
background: #e82f2d;
|
|
||||||
background: -webkit-gradient(linear, left top, right bottom, from(#fc4e42), to(#b9101d));
|
|
||||||
background: -moz-linear-gradient(-45deg, #fc4e42, #b9101d);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset div.media {
|
|
||||||
background: #6e489c;
|
|
||||||
background: -webkit-gradient(linear, left top, right bottom, from(#ba89d1), to(#4f317d));
|
|
||||||
background: -moz-linear-gradient(-45deg, #ba89d1, #4f317d);
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.assets li.asset div.other {
|
|
||||||
background: #4a4a50;
|
|
||||||
background: -webkit-gradient(linear, left top, right bottom, from(#92939a), to(#28282b));
|
|
||||||
background: -moz-linear-gradient(-45deg, #92939a, #28282b);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ul.assets li.asset div.actions {
|
|
||||||
position: absolute;
|
|
||||||
top: 4px;
|
|
||||||
right: 12px;
|
|
||||||
}
|
|
@ -1,59 +0,0 @@
|
|||||||
#editable-elements .wrapper {
|
|
||||||
background: #ebedf4 url(/assets/locomotive//form/footer.png) no-repeat 0 bottom;
|
|
||||||
padding: 10px 0px 16px 0px;
|
|
||||||
border-top: 1px solid #ccced7;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements {
|
|
||||||
background: transparent url(/assets/locomotive//form/header.png) no-repeat 0 0;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .control {
|
|
||||||
height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .nav {
|
|
||||||
position: relative;
|
|
||||||
top: 1px;
|
|
||||||
z-index: 990;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .nav a {
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
height: 30px;
|
|
||||||
padding: 0px 0px 0 11px;
|
|
||||||
color: #8b8d9a;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.8em;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .nav a span {
|
|
||||||
display: inline-block;
|
|
||||||
height: 26px;
|
|
||||||
padding: 4px 11px 0 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .nav a:first-child { padding-left: 22px; }
|
|
||||||
#editable-elements .nav a:first-child span { padding-right: 13px; }
|
|
||||||
|
|
||||||
#editable-elements .nav a.on {
|
|
||||||
color: #1e1f26;
|
|
||||||
font-weight: bold;
|
|
||||||
background: transparent url(/assets/locomotive//form/header-left-on.png) no-repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .nav a.on span {
|
|
||||||
background: transparent url(/assets/locomotive//form/header-right-on.png) no-repeat right 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .nav a:first-child.on {
|
|
||||||
background: transparent url(/assets/locomotive//form/header-first-on.png) no-repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#editable-elements .wrapper ul li fieldset { margin-bottom: 0px; }
|
|
||||||
|
|
||||||
#editable-elements .wrapper ul li fieldset ol { margin-top: 0px; border-top: 0px; background: #EBEDF4; }
|
|
@ -1,112 +0,0 @@
|
|||||||
/* custom styles for fancybox */
|
|
||||||
|
|
||||||
/* ___ common ___ */
|
|
||||||
|
|
||||||
.fancybox-wrapper { display: none; }
|
|
||||||
|
|
||||||
#fancybox-inner h2 {
|
|
||||||
border-bottom:1px dotted #BBBBBD;
|
|
||||||
color:#1E1F26;
|
|
||||||
font-size:1.1em;
|
|
||||||
font-weight:bold;
|
|
||||||
padding-bottom:10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic legend span {
|
|
||||||
background-image: url(/assets/locomotive//form/header-popup.png);
|
|
||||||
width: 453px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic ol {
|
|
||||||
background-image: url(/assets/locomotive//form/footer-popup.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li label {
|
|
||||||
width: 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li.string input,
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li.password input,
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li.numeric input,
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li.text textarea,
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li code textarea,
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li input[type=password] {
|
|
||||||
width: 45%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic fieldset ol li p.inline-hints {
|
|
||||||
margin-left: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic .editable-list ol {
|
|
||||||
width: 433px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic .editable-list li {
|
|
||||||
width: 413px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic .editable-list li {
|
|
||||||
background-image: url(/assets/locomotive//form/item-popup.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner form.formtastic .editable-list li.template {
|
|
||||||
background-image: url(/assets/locomotive//form/big_item-popup.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner p { color: #8B8D9A; font-size: 0.8em; }
|
|
||||||
|
|
||||||
/* ___ asset picker ___ */
|
|
||||||
|
|
||||||
div.asset-picker { width: 720px; position: relative; }
|
|
||||||
div.asset-picker .actions { position: absolute; right: 4px; top: 0px; }
|
|
||||||
|
|
||||||
div.asset-picker p.no-items { background-image: url(/assets/locomotive//list/none-small.png); }
|
|
||||||
|
|
||||||
div.asset-picker ul { overflow: auto; height: 471px; }
|
|
||||||
div.asset-picker ul li.new-asset { display: none; }
|
|
||||||
|
|
||||||
div.asset-picker ul { margin: 0px; }
|
|
||||||
div.asset-picker ul li .more { top: 8px; }
|
|
||||||
|
|
||||||
/* ___ custom fields ___ */
|
|
||||||
|
|
||||||
#edit-custom-field {
|
|
||||||
padding: 10px;
|
|
||||||
width: 473px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#edit-custom-field-category {
|
|
||||||
width: 493px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#edit-custom-field-category .inner {
|
|
||||||
padding: 10px 10px 61px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ form action ___ */
|
|
||||||
|
|
||||||
#fancybox-inner .popup-actions {
|
|
||||||
/* position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
*/
|
|
||||||
height: 61px;
|
|
||||||
width: 100%;
|
|
||||||
background: #8b8d9a;
|
|
||||||
}
|
|
||||||
|
|
||||||
#fancybox-inner .popup-actions p {
|
|
||||||
padding: 15px;
|
|
||||||
margin: 0px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*#fancybox-inner .actions a {
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.8em;
|
|
||||||
position: relative;
|
|
||||||
top: 4px;
|
|
||||||
}*/
|
|
||||||
|
|
@ -1,654 +0,0 @@
|
|||||||
/* -------------------------------------------------------------------------------------------------
|
|
||||||
|
|
||||||
Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
|
|
||||||
This will allow you to update formtastic.css with new releases without clobbering your own changes.
|
|
||||||
|
|
||||||
For example, to make the inline hint paragraphs a little darker in color than the standard #666:
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li p.inline-hints { color:#333; }
|
|
||||||
|
|
||||||
--------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
form.formtastic legend {
|
|
||||||
margin: 0;
|
|
||||||
float: left;
|
|
||||||
white-space: normal;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic legend span {
|
|
||||||
display: block;
|
|
||||||
width: 900px;
|
|
||||||
height: 26px;
|
|
||||||
background: transparent url(/assets/locomotive//form/header.png) no-repeat 0 0px;
|
|
||||||
color: #1e1f26;
|
|
||||||
font-size: 0.7em;
|
|
||||||
padding: 4px 0 0 20px;
|
|
||||||
text-shadow: #fff 0px 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic legend span small {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
right: 20px;
|
|
||||||
color: #787a89;
|
|
||||||
font-size: 0.8em;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ enabling fold/unfold ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.foldable legend span { cursor: pointer; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.foldable legend span em {
|
|
||||||
display: inline-block;
|
|
||||||
width: 9px;
|
|
||||||
height: 6px;
|
|
||||||
position: relative;
|
|
||||||
top: 8px;
|
|
||||||
left: 10px;
|
|
||||||
background: transparent url(/assets/locomotive//form/folded-arrow-on.png) no-repeat 0 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.foldable.folded legend span { background-image: url(/assets/locomotive//form/folded.png); }
|
|
||||||
form.formtastic fieldset.foldable.folded legend span em {
|
|
||||||
width: 6px;
|
|
||||||
height: 9px;
|
|
||||||
top: 6px;
|
|
||||||
background-image: url(/assets/locomotive//form/folded-arrow-off.png);
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.foldable ol {
|
|
||||||
clear: both;
|
|
||||||
width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.foldable.folded ol { display: none; }
|
|
||||||
|
|
||||||
/* ___ inputs ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.inputs { min-height: 30px; width: 100%; margin-bottom: 20px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.inputs ol {
|
|
||||||
clear: both;
|
|
||||||
margin: 30px 0 0 0;
|
|
||||||
padding-top: 15px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
background: #ebedf4 url(/assets/locomotive//form/footer.png) no-repeat 0 bottom;
|
|
||||||
border-top: 1px solid #ccced7;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li { width: 100%; position: relative; margin-bottom: 0.8em; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.inputs ol li {
|
|
||||||
background: url(/assets/locomotive//form/input-sep.png) repeat-x 0 bottom;
|
|
||||||
margin-bottom: 0.7em;
|
|
||||||
padding-bottom: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.inputs ol li.last { background: none; margin-bottom: 0.8em; padding-bottom: 0px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li label { text-align: left; padding: 0.4em 2em 0 20px; font-size: 0.8em; width: 15%; color: #585a69; text-shadow: #fff 0px 1px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.string input,
|
|
||||||
form.formtastic fieldset ol li.password input,
|
|
||||||
form.formtastic fieldset ol li.numeric input,
|
|
||||||
form.formtastic fieldset ol li.text textarea,
|
|
||||||
form.formtastic fieldset ol li code textarea,
|
|
||||||
form.formtastic fieldset ol li input[type=password] {
|
|
||||||
padding: 4px 5px;
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: bold;
|
|
||||||
width: 700px;
|
|
||||||
color: #17171b;
|
|
||||||
background: white url(/assets/locomotive//form/field.png) repeat-x 0 0;
|
|
||||||
border: 1px solid #d1d6e6;
|
|
||||||
-webkit-box-shadow: #f1f1f1 0px 1px;
|
|
||||||
-moz-box-shadow: #f1f1f1 0px 1px;
|
|
||||||
box-shadow: #f1f1f1 0px 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.string.highlighted input {
|
|
||||||
font-size: 1.1em;
|
|
||||||
width: 696px;
|
|
||||||
padding: 6px 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.text textarea.html {
|
|
||||||
height: 300px;
|
|
||||||
width: 46%;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.date input {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li p.inline-hints { margin-left: 20%; }
|
|
||||||
form.formtastic fieldset ol li p.inline-hints a { color: #1f82bc; }
|
|
||||||
form.formtastic fieldset ol li p.inline-hints .code { background-color: #c8cad0; color: #5E5F64; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li code { display: block; border: 1px solid #d1d6e6; margin: 10px 20px 0 20px; }
|
|
||||||
form.formtastic fieldset ol li code.nude textarea {
|
|
||||||
width: 870px;
|
|
||||||
border: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li select { font-size: 0.9em; position: relative; top: 2px; color: #787a89; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.multiple select { width: 45%; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li div.inline-errors {
|
|
||||||
background: transparent url(/assets/locomotive//form/error-arrow.png) no-repeat 17px 0;
|
|
||||||
margin: 2px 0 0 20%;
|
|
||||||
padding: 8px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li div.inline-errors p {
|
|
||||||
display: inline-block;
|
|
||||||
width: auto;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 3px 12px 4px 30px;
|
|
||||||
color: #fff !important;
|
|
||||||
text-shadow: #000 0px 1px;
|
|
||||||
font-size: 0.9em;
|
|
||||||
padding-left: 30px;
|
|
||||||
background: #cd0f19 url(/assets/locomotive//form/icons/error.png) no-repeat 10px 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.code label { display: none; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.code div.inline-errors {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.small-code code { margin: 0px; display: inline-block; width: 75%; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol .more { text-align: right; width: auto; margin: 10px 20px 0 0; line-height: 0.6em; }
|
|
||||||
form.formtastic fieldset ol .more a { text-decoration: none; color: #787A89; font-size: 0.7em; }
|
|
||||||
form.formtastic fieldset ol .more a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol .more a.picture {
|
|
||||||
padding-left: 23px;
|
|
||||||
background: transparent url(/assets/locomotive//icons/asset_add.png) no-repeat left 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset li.full .inline-errors, form.formtastic fieldset li.full .inline-hints {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ pages ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.path em {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.path input {
|
|
||||||
background: transparent;
|
|
||||||
padding: 4px 4px 2px 4px;
|
|
||||||
border: none;
|
|
||||||
color: #787a89;
|
|
||||||
border-bottom: 1px solid #b5b7c4;
|
|
||||||
width: 30%;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.path.error input {
|
|
||||||
border: none !important;
|
|
||||||
border-bottom: 2px solid #ff092c !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ sites ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.item {
|
|
||||||
position: relative;
|
|
||||||
background: transparent url(/assets/locomotive//form/item.png) no-repeat 0 0;
|
|
||||||
height: 25px;
|
|
||||||
width: 861px;
|
|
||||||
margin: 0px 0px 10px 20px;
|
|
||||||
padding: 3px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.item strong {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #17171d;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.item strong a {
|
|
||||||
color: #17171d;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.item strong a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.item em {
|
|
||||||
margin-left: 10px;
|
|
||||||
font-size: 0.7em;
|
|
||||||
color: #757575;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li em.editable {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
color: #8b8d9a;
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-style: italic;
|
|
||||||
margin-left: 3px;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
padding: 2px 5px;
|
|
||||||
height: 18px;
|
|
||||||
line-height: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li em.editable:hover {
|
|
||||||
background: #fffbe5;
|
|
||||||
border: 1px dotted #efe4a5;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #17171D;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.item span.actions {
|
|
||||||
position: absolute;
|
|
||||||
top: 5px;
|
|
||||||
right: 10px;
|
|
||||||
width: 50px;
|
|
||||||
height: 16px;
|
|
||||||
text-align:right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ editable-list (content type fields and validations) ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol { padding-left: 20px; padding-right: 20px; width: 880px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li { margin-left: 0px !important; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li span.handle {
|
|
||||||
cursor: move;
|
|
||||||
position: relative;
|
|
||||||
top: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added span.actions a.remove {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added span.actions button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added select {
|
|
||||||
display: none;
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added select,
|
|
||||||
form.formtastic fieldset.editable-list ol li.added em {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added input {
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
background: transparent;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
padding: 1px 5px 2px 5px;
|
|
||||||
color: #17171D;
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added input.domain {
|
|
||||||
width: 250px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added input:hover {
|
|
||||||
background: #fffbe5;
|
|
||||||
border: 1px dotted #efe4a5;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added input:focus {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #787a89;
|
|
||||||
background: white url(/assets/locomotive//form/field.png) repeat-x 0 0;
|
|
||||||
border: 1px solid #d1d6e6;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.added .inline-errors {
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
padding: 2px 3px;
|
|
||||||
background: #FFE5E5;
|
|
||||||
color: #CE2525;
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template {
|
|
||||||
height: 42px;
|
|
||||||
background-image: url(/assets/locomotive//form/big_item.png);
|
|
||||||
padding-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template em {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template input[type=text] {
|
|
||||||
display: inline;
|
|
||||||
margin-left: 10px;
|
|
||||||
padding: 4px;
|
|
||||||
font-size: 0.9em;
|
|
||||||
width: 180px;
|
|
||||||
color: #787a89;
|
|
||||||
background: white url(/assets/locomotive//form/field.png) repeat-x 0 0;
|
|
||||||
border: 1px solid #a6a8b8;
|
|
||||||
position: relative;
|
|
||||||
top: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template select {
|
|
||||||
display: inline;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template span.handle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template span.actions {
|
|
||||||
width: auto;
|
|
||||||
top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template span.actions a.edit {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template span.actions a.remove {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template span.actions button {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.editable-list ol li.template span.actions button span {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ custom fields: inherits from editable-list ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.fields input[type=checkbox] {
|
|
||||||
margin: 0 0 0 20px;
|
|
||||||
width: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.fields label {
|
|
||||||
display: inline;
|
|
||||||
float: none;
|
|
||||||
padding: 0px;
|
|
||||||
font-weight: normal;
|
|
||||||
color: #8B8D9A;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.fields li.required label {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ editable-list (content type validations) ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.validations ol li.added em.key {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
padding: 1px 5px 2px 5px;
|
|
||||||
color: #17171D;
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: bold;
|
|
||||||
font-style: normal;
|
|
||||||
margin-left: 5px;
|
|
||||||
width: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ content instance / editable elements___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.file p.remove {
|
|
||||||
margin: 5px 0 0 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.file p.remove a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.file p.remove a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many p {
|
|
||||||
font-style: italic;
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul {
|
|
||||||
width: 736px;
|
|
||||||
margin-left: 20%;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.item {
|
|
||||||
background: transparent url(/assets/locomotive//form/item-popup.png) no-repeat 0 0;
|
|
||||||
width: 413px;
|
|
||||||
margin: 0 0 10px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.item strong {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #17171d;
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.item span.handle {
|
|
||||||
cursor: move;
|
|
||||||
position: relative;
|
|
||||||
top: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.added span.actions a.remove {
|
|
||||||
display: inline;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.added span.actions button {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.sep {
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
height: 2px;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 5px 0 7px;
|
|
||||||
width: 433px;
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template {}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template select {
|
|
||||||
display: inline;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template span.handle {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template span.actions {
|
|
||||||
width: auto;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template span.actions a.edit,
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template span.actions a.remove {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template span.actions button {
|
|
||||||
display: inline;
|
|
||||||
position: relative;
|
|
||||||
top: 1px;
|
|
||||||
right: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset ol li.has-many ul li.template span.actions button span {
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ my account ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.language li.full span {
|
|
||||||
display: inline-block;
|
|
||||||
width: 180px;
|
|
||||||
margin: 0 15px;
|
|
||||||
font-size: 1em;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.language li.full span label {
|
|
||||||
float: none;
|
|
||||||
display: inline;
|
|
||||||
width: auto;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.language li.full span img {
|
|
||||||
position: relative;
|
|
||||||
top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.language li.full span input {
|
|
||||||
margin-right: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ membership ___ */
|
|
||||||
|
|
||||||
form.formtastic fieldset.email li.full input {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.memberships ol li .role {
|
|
||||||
position: absolute;
|
|
||||||
top: 2px;
|
|
||||||
right: 30px;
|
|
||||||
width: 170px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.memberships ol li .role em {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
color: #757575;
|
|
||||||
font-size: 0.8em;
|
|
||||||
padding: 2px 5px 2px 17px;
|
|
||||||
height: 18px;
|
|
||||||
line-height: 16px;
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.memberships ol li .role em.locked {
|
|
||||||
background: transparent url(/assets/locomotive//icons/membership_lock.png) no-repeat 1px 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.memberships ol li .role em.editable {
|
|
||||||
background: transparent url(/assets/locomotive//icons/membership_edit.png) no-repeat left 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.memberships ol li .role em.editable { font-style: normal; font-size: 0.8em; }
|
|
||||||
form.formtastic fieldset.memberships ol li .role em.editable:hover { color: #000; font-style: normal; background: #fffbe5; padding-left: 5px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.memberships ol li select {
|
|
||||||
position: relative;
|
|
||||||
top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ theme assets ___ */
|
|
||||||
|
|
||||||
.selector {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selector span.alt {
|
|
||||||
position: absolute;
|
|
||||||
top: 7px;
|
|
||||||
right: 20px;
|
|
||||||
color: #787a89;
|
|
||||||
font-size: 0.7em;
|
|
||||||
text-decoration: none;
|
|
||||||
cursor: pointer;
|
|
||||||
padding-left: 20px;
|
|
||||||
background: transparent url(/assets/locomotive//icons/asset_switch.png) no-repeat left 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.selector span.alt:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
|
|
||||||
form.formtastic fieldset.file li.full input {
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.file li.full p.inline-errors { display: block !important; }
|
|
||||||
|
|
||||||
|
|
||||||
form.formtastic fieldset.preview { position: relative; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.preview li { text-align: center; position: static; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.preview li .image {
|
|
||||||
width: 870px;
|
|
||||||
margin: 10px 20px 0px 20px;
|
|
||||||
border: 4px solid white;
|
|
||||||
background: transparent url(/assets/locomotive//list/empty.png) repeat 0 0;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.preview li .inside {
|
|
||||||
display: table-cell;
|
|
||||||
vertical-align: middle;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
form.formtastic fieldset.preview li img { }
|
|
||||||
|
|
||||||
|
|
||||||
/* ___ main error message ___ */
|
|
||||||
|
|
||||||
div.form-errors p {
|
|
||||||
background: #FFE5E5;
|
|
||||||
color: #CE2525;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: bold;
|
|
||||||
padding: 10px;
|
|
||||||
margin: 0px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.formError {
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
display: inline;
|
|
||||||
background: #CE2525 url(/assets/locomotive//left_arrow_red.png) no-repeat 0px center;
|
|
||||||
color: white;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: normal;
|
|
||||||
padding: 3px 10px 3px 20px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.fieldWithErrors { display: inline; }
|
|
||||||
|
|
@ -1,118 +0,0 @@
|
|||||||
.guider {
|
|
||||||
background: #FFF;
|
|
||||||
border: 1px solid #666;
|
|
||||||
font-family: arial;
|
|
||||||
position: absolute;
|
|
||||||
outline: none;
|
|
||||||
z-index: 100000005 !important;
|
|
||||||
padding: 4px 12px;
|
|
||||||
width: 500px;
|
|
||||||
z-index: 100;
|
|
||||||
|
|
||||||
/* Shadow */
|
|
||||||
-moz-box-shadow: 0 0px 8px #111;
|
|
||||||
-webkit-box-shadow: 0 0px 8px #111;
|
|
||||||
box-shadow: 0 0px 8px #111;
|
|
||||||
/* End shadow */
|
|
||||||
|
|
||||||
/* Rounded corners */
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
|
||||||
/* End rounded corners */
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_buttons {
|
|
||||||
height: 36px;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_content {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_content h1 {
|
|
||||||
color: #1054AA;
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_content p {
|
|
||||||
color: #333;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_button {
|
|
||||||
background: -moz-linear-gradient(top, #5CA9FF 0%, #3D79C3 100%);
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5CA9FF), color-stop(100%, #3D79C3));
|
|
||||||
background-color: #4A95E0; /* overruled by background gradient, in browsers where they exist */
|
|
||||||
border: solid 1px #4B5D7E;
|
|
||||||
color: #FFF;
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
float: right;
|
|
||||||
font-size: 75%;
|
|
||||||
font-weight: bold;
|
|
||||||
margin-left: 6px;
|
|
||||||
min-width: 40px;
|
|
||||||
padding: 3px 5px;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
/* Rounded corners */
|
|
||||||
-moz-border-radius: 2px;
|
|
||||||
-webkit-border-radius: 2px;
|
|
||||||
border-radius: 2px;
|
|
||||||
/* End rounded corners */
|
|
||||||
}
|
|
||||||
|
|
||||||
#guider_overlay {
|
|
||||||
background-color: #000;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0px;
|
|
||||||
left: 0px;
|
|
||||||
opacity: 0.5;
|
|
||||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
|
|
||||||
filter: alpha(opacity=50);
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_arrow {
|
|
||||||
width: 42px;
|
|
||||||
height: 42px;
|
|
||||||
position: absolute;
|
|
||||||
display: none;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
z-index: 100000006 !important;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* For optimization, the arrows image is inlined in the css below.
|
|
||||||
*
|
|
||||||
* To use your own arrows image, replace this background-image with your own arrows.
|
|
||||||
* It should have four arrows, top, right, left, and down.
|
|
||||||
*/
|
|
||||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAACoCAYAAACWu3yIAAAJQ0lEQVR42u2cW2sVVxiGk2xz0EQFTRTBnEBFEpMLDxVyMPceoigRvVFjcqsSTaKCJAhC0Ozkpj+gFPIHWm2htPQfiChoVaqglDYeqP0Hdr3hXWFlZWb2WjNr1syGDHzilT48ew5r3u+bVXHgwIGCqCpWJerr168VeasKAVbPWi+qVtQ6CZ030J2sHaIaRW0UVZc3YIAeFPWNqP2iOkS1imrKGzBAz4g6L2pI1DFRfaL2acCZnxIV79+///PevXvfCYBpUeOihkUN5g0Yfywdr169WpycnPxZABRFTRL4RF6Al0Hl8eLFi88EntWAe7MEXgUqj+fPn3/KE3AoqAL88caNGz9lDVwSNC/AxqAq8NjY2CMCT4i65APYGlQez5498wocG1QDfigAHijAxwncSeBGHdg7qDyePn36IQS4h8AtBG4gcMEG2BmoCnzlypUfXQM7B1WAFxVgPJovKsBY/DSL2solZk2p8zc1UHk8efLkHwH8g4C4T+ALoo5yxbZH1HaevzVRZlMHlcfjx48l8Iyoq1yt9REWd4cNuNAyB1UM/3Xt2rUFATUm6rSoQzxvN4mqDvv5vYPK4+XLl3/cvXt3SoANiNolagt//nyBLi4u/r2wsPAtQXcTtDY3oO/evftSLBYf8sLCeXqYD4XNufjpBeB/MzMzv3Nhfl3UOdrcyyu/nk+tbEABKF51ADgv6raoEb7q9BByBy+k2kxuT2/fvtUBR0WdEnVEVLeoNt6W1CeUvxt+AOCIBtguahstGr+OV7gEFLeb3wh4yxWgM1AATk1N/RoA2O8CMDGoAPziAzA26Js3b/4l4JwPQGvQ169fBwGeTBvQGNQAsC1NwJKgALxz584vBLwp6rIC2OULMBRUZFCfCVjMA+AqUGHwYx4BV8SOYrHwPWPHCQLK2FEFzDTYVYPcs3z5yhVgWDTeqSwWcheNl02zoWzaN2XTECvQ6E6er2dwJ8jqpQ//Ny/wg2QCW6GCJiUoLqrzuF1lBcoOzXmySNAqCbqeF9N+3qam8QDwDYnODO/nQ2TZQbYl0EpeRI28PeFeOoGnlG9QNjfG2ZjrINPSu74EXcfbUhtv+Hg6FfHc9wWJthEf38NkaCXT0iv00hXFn7+ON/ouPkJv+rRKm5P8v/eRpU6+QkvQUKtY7qUNiZ4WewGBNpdBNavbaPWkL6uKzRNBNnVQ3Wo/rc6laRXtoFI2V4BGWcWrSFqgbLLpNlfFOzqoV6uazd4wm6tAI6zeSsOqqc0wUGl1k2IVb55zeKfPwmYgqC+rbE8a2YwCDbWKKMdFW9LGZihogNVul1Zpc8LUZinQMKvzSPAc2LxkajMSNMTqqaRW2di1smkCqlptT2oVDV32Rq1slgSNsop02ZdNU1AnVpPYNAKNsoqmgikoW+ITfIOwsmkDmsgqevdJbBqDRli9bWJVs9lpa9MWVLd6RFpFdy5qsECx2RPHphVoXKscJhhXbDba2owDGmR1NMwqph44onGRNlvi2LQGjbKKznFaNuOChp2rRfTi1ZEMzo9cUGw2xLEZCzTEKt7Fr2NgQIJybuQqJ3I6kthMAqqvrHo4KDCOEQzMi3C4ZYhhVzNtFpJ0RZJabeKAAKYZhjAnwqGW08q40NYkNpOCSqsNTN32cj5kgHVIGcCqT2IzEahitZanwHbezHdzPKhFaVrUJLHpArSSiXUtrW3mWNAWwm9wAZkYVIGt4mlQTega/t1Z48JZM0A2KtRy3Qsti1oDXQNdA012B5Gtz0IeAeU9uZbNsKWmch4B6/jYbeQaYqlNn0fAJi4dO9lmxDLxYJ4AtxGwi8vD4+zLooF7Jo+Ag2xwIAeYRqcbrfGsADdpgP0Mii9zlKmIRpza4c4lYFCzOC+AczQY2nXxCditAI5wIHEO6bVJsy1twPakgE5ADQFP6YBxGmu+AOcBmKRH5QswdrvHCtQA8IgOiGaEC0AjUEtAfBwwj6zUJWBJUO2dvUFZLKiAo2kDmoCqKYiMbHr4LF5hMCoaTxVUyZXqGdXIEOwcP/EpIrj1AWgCWs2IppXhFyLEcWSgamCbB9BaZkgIvQYQJyL7zGq4MAq0hqBI5gaQeSKgzSNoNS+kFmadCGbHEHkjn88FKGHXMTZsYiDbx/MUufwMOh5oz+QBtIo//0Ze+Xv4onWUnQ60Ze4DGN25LEErFdh65vDN7HD08OXrIoEfoN+J5qx3UM2s+oRq5HnbqQBf4suYBP7gHTQuMKYdXALHbTDIyEUmGq0E7g0CxmSOd9CQjEgmHK2cbujl3IgEnsWsUxJg16GWETDm8ryCxgAe5jzeLCYdbYDTjg2dAfvKOUsCY84ZQ9leQZMCYybfK6gFcJ8GXAQwPsnwCmoJPEhgPJqn8ZGLt9gxJvAxrtb8B7kW0XgrFz/ZRuNl12wou/ZN2TXE1nqha6BlDSquKJdVGVBO/m1XcOo4UQ3vgSvGifIAKt/9NzACkgNam3mzXt4nJ0tQNU1p4uvzLiaArUxYlnceyhK0oIS9eximySHCw8o2ScsDrk5BLQcItyoh2mnEk9zCa0jZeGrV55Ml/m2noAWaauZSDGBjyFAR+HLhe44pShtPAaOxYWegis1GrhuR8F1FdipfHbjv2HWu2LvZ9jGy6gRUG3BtoTHEkDNqwIucnx9Nj7Dd025q1RVoVcBn7uPISfU3R26Wdps9KWOriUG1D1ylTWSk94PSZ7R3uB/UqI1VF6DGNuXB/cmsrCYC1Wy20ibCrwdR0bhi1fhcTQoqbTapWzAgYS6VG9lajQ0aYLNX2jTJ7dHMVaz2l7KaBFS1uc/Gpmb1lonVWKAlbBpn9DZW44LqNhFmTSCbt02NuQFgSavWoK5s2lqNA+rMpjy4Y1ykVSvQCJuzSbobAVZXraxsQcNsPkraM1KsngyyarPCD7I5nNSmYvUL9+MLtGoDGmRz0oXNEKtdqlVT0FCbcRpZYQfm82ysGttEP8h1x9jGaiY25YGxTFq9rFjdGGQ1M5ua1ZulrEbZ7EvTpq1V3WadbhONqbTnRbj5ZaRVE5uf0gal1SKt9gVZDbM56MtmgNVBWm1SrUbZLAY1T9M6MHsfZVXfjq6Drb1xnzY1qxMBn7lXBm3whwxpWu3s+jrwyQU3+DsbtMHfqi0T0dHNaliQu8sGbplYFptQ/g/UqiA7u61evwAAAABJRU5ErkJggg==);
|
|
||||||
*background-image: url('guider_arrows.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.guider_arrow_right {
|
|
||||||
display: block;
|
|
||||||
background-position: 0px 0px;
|
|
||||||
right: -42px;
|
|
||||||
}
|
|
||||||
.guider_arrow_down {
|
|
||||||
display: block;
|
|
||||||
background-position: 0px -42px;
|
|
||||||
bottom: -42px;
|
|
||||||
}
|
|
||||||
.guider_arrow_up {
|
|
||||||
display: block;
|
|
||||||
background-position: 0px -126px;
|
|
||||||
top: -42px;
|
|
||||||
}
|
|
||||||
.guider_arrow_left {
|
|
||||||
display: block;
|
|
||||||
background-position: 0px -84px;
|
|
||||||
left: -42px;
|
|
||||||
}
|
|
0
app/assets/stylesheets/locomotive/ie.css
Normal file
@ -1,111 +0,0 @@
|
|||||||
#page-toolbar * { margin: 0; padding: 0; }
|
|
||||||
|
|
||||||
#page-toolbar {
|
|
||||||
position: fixed;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
height: 28px;
|
|
||||||
background: transparent url(/assets/locomotive//inline_editor/bg.png) repeat-x 0 0;
|
|
||||||
padding: 0 10px;
|
|
||||||
font-family: Helvetica;
|
|
||||||
-webkit-box-shadow: -3px 3px 12px rgba(0, 0, 0, 0.4);
|
|
||||||
-moz-box-shadow: -3px 3px 12px rgba(0, 0, 0, 0.4);
|
|
||||||
z-index: 999;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul {
|
|
||||||
margin-top: 3px;
|
|
||||||
list-style: none;
|
|
||||||
padding: 0px;
|
|
||||||
-moz-padding-start: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.link {
|
|
||||||
float: left;
|
|
||||||
margin: 0 0 0 5px;
|
|
||||||
background: transparent;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.link a {
|
|
||||||
display: block;
|
|
||||||
background: transparent url(/assets/locomotive//inline_editor/action-left.png) no-repeat 0 0;
|
|
||||||
height: 18px;
|
|
||||||
line-height: 20px;
|
|
||||||
padding-left: 24px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #fff;
|
|
||||||
outline: none;
|
|
||||||
border: 0px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.link a:active { border: 0px; text-decoration: none; color: #fff; top: 0px; }
|
|
||||||
#page-toolbar ul li.link a:hover span { text-decoration: underline; }
|
|
||||||
|
|
||||||
#page-toolbar ul li.save a { background-position: 0 -21px; }
|
|
||||||
#page-toolbar ul li.cancel a { background-position: 0 -42px; }
|
|
||||||
#page-toolbar ul li.copy a { background-position: 0 -63px; }
|
|
||||||
#page-toolbar ul li.edit a { background-position: 0 -84px; }
|
|
||||||
#page-toolbar ul li.back a { background-position: 0 -105px; }
|
|
||||||
#page-toolbar ul li.spinner a { background-position: 0 -126px; }
|
|
||||||
|
|
||||||
#page-toolbar ul li.link a span {
|
|
||||||
display: block;
|
|
||||||
background: transparent url(/assets/locomotive//inline_editor/action-right.png) no-repeat right 0;
|
|
||||||
height: 19px;
|
|
||||||
padding: 1px 10px 0 2px;
|
|
||||||
text-shadow: 1px 1px 1px #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.drawer {
|
|
||||||
float: left;
|
|
||||||
margin: 0 10px 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.drawer a {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
top: 6px;
|
|
||||||
width: 10px;
|
|
||||||
height: 10px;
|
|
||||||
background: transparent url(/assets/locomotive//inline_editor/drawer.png) no-repeat 0 0;
|
|
||||||
text-decoration: none;
|
|
||||||
border: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.drawer a.off {
|
|
||||||
background-position: 0 -10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.drawer a:active { border: 0px; text-decoration: none; top: 6px; padding: 0px; }
|
|
||||||
|
|
||||||
#page-toolbar ul li.spinner a {
|
|
||||||
padding-left: 24px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.spinner a img {
|
|
||||||
position: absolute;
|
|
||||||
top: 3px;
|
|
||||||
left: 7px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.sep { float: left; margin: 0 15px 0 10px; width: auto !important; background: none !important; }
|
|
||||||
|
|
||||||
#page-toolbar ul li.sep span {
|
|
||||||
display: block;
|
|
||||||
height: 21px;
|
|
||||||
width: 1px;
|
|
||||||
background: #3a3b40;
|
|
||||||
border-left: 1px solid #56575e;
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-toolbar ul li.clear { clear: both; }
|
|
||||||
|
|
||||||
/* ___ aloha ___ */
|
|
||||||
|
|
||||||
.x-tab-panel a.x-tab-right { border-bottom: 0px; padding-bottom: 0px; }
|
|
||||||
.x-tab-panel input[type=text] { border: 1px solid gray; border-spacing: 2px; -webkit-border-radius: 0px; -webkit-box-shadow: none; background: #fff; color: #000; padding: 2px; }
|
|
@ -1,235 +0,0 @@
|
|||||||
body {
|
|
||||||
background: #000 url(/assets/locomotive//background/body.png) repeat 0 0;
|
|
||||||
/* font-family: Arial,Helvetica,sans-serif;*/
|
|
||||||
font-size: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
|
||||||
width: 966px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#wrapper {
|
|
||||||
background: transparent url(/assets/locomotive//background/light.png) repeat-x 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
|
||||||
position: relative;
|
|
||||||
padding-top: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header h1 {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#header h1 a.single {
|
|
||||||
font-size: 1.5em;
|
|
||||||
color: #f0f0f0;
|
|
||||||
text-shadow: 1px 1px 1px #000;
|
|
||||||
text-decoration: none;
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search-bar {
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-actions-bar {
|
|
||||||
position: absolute;
|
|
||||||
top: 70px;
|
|
||||||
right: 8px;
|
|
||||||
color: #8b8d9a;
|
|
||||||
font-size: 0.7em;
|
|
||||||
text-shadow: 1px 1px 1px #000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-actions-bar a {
|
|
||||||
color: #1F82BC;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-actions-bar a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
#global-actions-bar span {
|
|
||||||
font-size: 0.9em;
|
|
||||||
color: #999;
|
|
||||||
margin: 0 1px;
|
|
||||||
/* text-shadow: 1px 1px 1px #000;*/
|
|
||||||
}
|
|
||||||
|
|
||||||
#content {
|
|
||||||
background: transparent url(/assets/locomotive//menu/shadow.png) repeat-y 0 0;
|
|
||||||
margin-top: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner {
|
|
||||||
margin: 0px 8px;
|
|
||||||
padding: 10px 15px 20px 15px;
|
|
||||||
background: white;
|
|
||||||
min-height: 150px;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner h2 {
|
|
||||||
padding-bottom: 10px;
|
|
||||||
font-size: 1.3em;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #1e1f26;
|
|
||||||
border-bottom: 1px dotted #bbbbbd;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner h2 a {
|
|
||||||
color: #1F82BC;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner h2 a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner h2 a.editable {
|
|
||||||
padding: 2px 25px 2px 6px;
|
|
||||||
color: #1e1f26;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner h2 a.editable:hover {
|
|
||||||
background: #fffbe5 url(/assets/locomotive//form/pen.png) no-repeat right 5px;
|
|
||||||
border-bottom: 1px dotted #efe4a5;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner h3 {
|
|
||||||
background: transparent url(/assets/locomotive//list/item.png) no-repeat 0 0;
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #1e1f26;
|
|
||||||
padding: 7px 0 10px 20px;
|
|
||||||
text-shadow: 1px 1px 1px #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner p {
|
|
||||||
color: #8b8d9a;
|
|
||||||
font-size: 0.8em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner p a {
|
|
||||||
color: #1F82BC;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content div.inner p a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bar {
|
|
||||||
position: absolute;
|
|
||||||
top: 13px;
|
|
||||||
right: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bar a {
|
|
||||||
position: relative;
|
|
||||||
padding: 2px 10px 3px 31px;
|
|
||||||
color: #8b8d9a;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.7em;
|
|
||||||
margin-left: 10px;
|
|
||||||
background-color: #ebedf4;
|
|
||||||
outline: none;
|
|
||||||
-moz-border-radius : 10px;
|
|
||||||
-webkit-border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bar a em {
|
|
||||||
position: absolute;
|
|
||||||
display: block;
|
|
||||||
top: 5px;
|
|
||||||
left: 10px;
|
|
||||||
height: 16px;
|
|
||||||
width: 16px;
|
|
||||||
background: transparent url(/assets/locomotive//icons/actions.png) no-repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bar a.show em { background-position: 0 0; }
|
|
||||||
#content #local-actions-bar a.edit em { background-position: 0 -16px; top: 2px; left: 12px; }
|
|
||||||
#content #local-actions-bar a.download em { background-position: 0 -32px; }
|
|
||||||
#content #local-actions-bar a.new em { background-position: 0 -48px; left: 13px; }
|
|
||||||
|
|
||||||
#content #local-actions-bar a:hover { text-decoration: none; color: #333; }
|
|
||||||
|
|
||||||
#content #local-actions-bottom-bar {
|
|
||||||
position: relative;
|
|
||||||
top: 27px;
|
|
||||||
left: -15px;
|
|
||||||
width: 950px;
|
|
||||||
background: #8b8d9a;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bottom-bar p {
|
|
||||||
padding: 15px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bottom-bar a {
|
|
||||||
color: #fff !important;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.8em;
|
|
||||||
position: relative;
|
|
||||||
top: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #local-actions-bottom-bar a.remove { color: #ff092c !important; }
|
|
||||||
|
|
||||||
#content #local-actions-bottom-bar p a:hover { text-decoration: underline; }
|
|
||||||
|
|
||||||
#content #local-actions-bottom-bar .last p { text-align: right; }
|
|
||||||
|
|
||||||
/* ___ footer ___ */
|
|
||||||
|
|
||||||
#footer {
|
|
||||||
padding-top: 10px;
|
|
||||||
background: transparent url(/assets/locomotive//background/footer.png) no-repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer p {
|
|
||||||
padding: 15px 8px 0 0;
|
|
||||||
font-size: 0.8em;
|
|
||||||
color: #E6E6E6;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer p a {
|
|
||||||
color: #1F82BC;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer p a:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* ___ Alignements ___ */
|
|
||||||
|
|
||||||
.tcenter { text-align: center; }
|
|
||||||
.tright { text-align: right; }
|
|
||||||
.tleft { text-align: left; }
|
|
||||||
.tjustify { text-align: justify; }
|
|
||||||
.fright { float: right; }
|
|
||||||
|
|
||||||
/* ___ Margins ___ */
|
|
||||||
|
|
||||||
.nomargin { margin: 0 !important; }
|
|
||||||
.mt30 { margin-top: 30px !important; }
|
|
||||||
.mt20 { margin-top: 20px !important; }
|
|
||||||
.mb20 { margin-bottom: 20px !important; }
|
|
||||||
.m20 { margin: 20px !important; }
|
|
||||||
.mt10 { margin-top: 10px !important; }
|
|
||||||
.ml10 { margin-left: 10px !important; }
|
|
||||||
.mr10 { margin-right: 10px !important; }
|
|
||||||
.mb10 { margin-bottom: 10px !important; }
|
|
||||||
.m10 { margin: 10px !important; }
|
|
||||||
|
|
||||||
/* ___ NoCoffee / Rails Tags ___ */
|
|
||||||
|
|
||||||
a#nocoffee { color: #b0b4c0 !important; text-decoration: none; line-height: 20px; padding-right: 20px; margin: 0 4px; background: transparent url(/assets/locomotive//nocoffee.png) no-repeat right 0px; }
|
|
223
app/assets/stylesheets/locomotive/layout.scss
Normal file
@ -0,0 +1,223 @@
|
|||||||
|
@import "compass/css3";
|
||||||
|
@import "compass/css3/border-radius";
|
||||||
|
@import "compass/css3/images";
|
||||||
|
@import "compass/css3/text-shadow";
|
||||||
|
@import "helpers";
|
||||||
|
|
||||||
|
body {
|
||||||
|
background: #000 image-url("locomotive/background/body.png") repeat 0 0;
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
|
|
||||||
|
/* ___ Alignements ___ */
|
||||||
|
|
||||||
|
.tcenter { text-align: center; }
|
||||||
|
.tright { text-align: right; }
|
||||||
|
.tleft { text-align: left; }
|
||||||
|
.tjustify { text-align: justify; }
|
||||||
|
.fright { float: right; }
|
||||||
|
|
||||||
|
/* ___ Margins ___ */
|
||||||
|
|
||||||
|
.nomargin { margin: 0 !important; }
|
||||||
|
.mt30 { margin-top: 30px !important; }
|
||||||
|
.mt20 { margin-top: 20px !important; }
|
||||||
|
.mb20 { margin-bottom: 20px !important; }
|
||||||
|
.m20 { margin: 20px !important; }
|
||||||
|
.mt10 { margin-top: 10px !important; }
|
||||||
|
.ml10 { margin-left: 10px !important; }
|
||||||
|
.mr10 { margin-right: 10px !important; }
|
||||||
|
.mb10 { margin-bottom: 10px !important; }
|
||||||
|
.m10 { margin: 10px !important; }
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
background: transparent image-url("locomotive/background/light.png") repeat-x 0 0;
|
||||||
|
|
||||||
|
> .container {
|
||||||
|
width: 966px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#header {
|
||||||
|
position: relative;
|
||||||
|
padding-top: 20px;
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
font-size: 100%;
|
||||||
|
|
||||||
|
a {
|
||||||
|
margin-left: 8px;
|
||||||
|
|
||||||
|
font-size: 24px;
|
||||||
|
font-weight: normal;
|
||||||
|
color: #f0f0f0;
|
||||||
|
@include single-text-shadow(#000, 1px, 1px, 1px);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
} // #header h1
|
||||||
|
|
||||||
|
#global-actions-bar {
|
||||||
|
position: absolute;
|
||||||
|
top: 70px;
|
||||||
|
right: 8px;
|
||||||
|
|
||||||
|
color: #8b8d9a;
|
||||||
|
font-size: 11px;
|
||||||
|
@include single-text-shadow(#000, 1px, 1px, 1px);
|
||||||
|
|
||||||
|
@include locomotive-link;
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 10px;
|
||||||
|
color: #999;
|
||||||
|
margin: 0 1px;
|
||||||
|
}
|
||||||
|
} // #header #global-actions-bar
|
||||||
|
} // #header
|
||||||
|
|
||||||
|
#content {
|
||||||
|
margin-top: -1px;
|
||||||
|
|
||||||
|
> div.inner {
|
||||||
|
position: relative;
|
||||||
|
margin: 0px 8px;
|
||||||
|
padding: 10px 15px 20px 15px;
|
||||||
|
|
||||||
|
background: #fff;
|
||||||
|
|
||||||
|
min-height: 150px;
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
@include locomotive-link;
|
||||||
|
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px dotted #bbbbbd;
|
||||||
|
|
||||||
|
font-size: 21px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1e1f26;
|
||||||
|
|
||||||
|
a.editable {
|
||||||
|
padding: 2px 25px 2px 6px;
|
||||||
|
color: #1e1f26;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: #fffbe5 image-url("locomotive/form/pen.png") no-repeat right 5px;
|
||||||
|
border-bottom: 1px dotted #efe4a5;
|
||||||
|
}
|
||||||
|
} // h2 a.editable
|
||||||
|
} // > div.inner h2
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
background: transparent image-url("locomotive/list/item.png") no-repeat 0 0;
|
||||||
|
|
||||||
|
padding: 7px 0 10px 20px;
|
||||||
|
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1e1f26;
|
||||||
|
@include single-text-shadow(#fff, 1px, 1px, 1px);
|
||||||
|
} // > div.inner h3
|
||||||
|
|
||||||
|
p {
|
||||||
|
color: #8b8d9a;
|
||||||
|
font-size: 13px;
|
||||||
|
|
||||||
|
@include locomotive-link;
|
||||||
|
} // > div.inner p
|
||||||
|
} // #content > div.inner
|
||||||
|
|
||||||
|
#local-actions-bar {
|
||||||
|
position: absolute;
|
||||||
|
top: 13px;
|
||||||
|
right: 15px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
position: relative;
|
||||||
|
padding: 2px 10px 3px 31px;
|
||||||
|
|
||||||
|
background-color: #ebedf4;
|
||||||
|
border: 1px solid #fff;
|
||||||
|
@include border-radius(10px);
|
||||||
|
|
||||||
|
color: #8b8d9a;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 11px;
|
||||||
|
margin-left: 10px;
|
||||||
|
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
em {
|
||||||
|
position: absolute;
|
||||||
|
top: 5px;
|
||||||
|
left: 10px;
|
||||||
|
|
||||||
|
display: block;
|
||||||
|
height: 16px;
|
||||||
|
width: 16px;
|
||||||
|
|
||||||
|
background: transparent image-url("locomotive/icons/actions.png") no-repeat 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.show em { background-position: 0 0; }
|
||||||
|
&.edit em { background-position: 0 -16px; top: 2px; left: 12px; }
|
||||||
|
&.download em { background-position: 0 -32px; }
|
||||||
|
&.new em { background-position: 0 -48px; top: 4px; left: 13px; }
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #333;
|
||||||
|
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.6);
|
||||||
|
}
|
||||||
|
} // #local-actions-bar a
|
||||||
|
} // #content #local-actions-bar
|
||||||
|
|
||||||
|
#local-actions-bottom-bar {
|
||||||
|
position: relative;
|
||||||
|
top: 27px;
|
||||||
|
left: -15px;
|
||||||
|
width: 950px;
|
||||||
|
|
||||||
|
background: #8b8d9a;
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 15px;
|
||||||
|
margin: 0px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
position: relative;
|
||||||
|
top: 4px;
|
||||||
|
|
||||||
|
@include hover-link;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 12px;
|
||||||
|
|
||||||
|
&.remove { color: #ff092c; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.last p { text-align: right; }
|
||||||
|
} // #content #local-actions-bottom-bar
|
||||||
|
} // #content
|
||||||
|
|
||||||
|
#footer {
|
||||||
|
padding-top: 10px;
|
||||||
|
|
||||||
|
p {
|
||||||
|
padding: 15px 8px 0 0;
|
||||||
|
|
||||||
|
font-size: 13px;
|
||||||
|
color: #E6E6E6;
|
||||||
|
|
||||||
|
@include locomotive-link;
|
||||||
|
}
|
||||||
|
} // #footer
|
||||||
|
|
||||||
|
/* ___ NoCoffee / Rails Tags ___ */
|
||||||
|
|
||||||
|
a#nocoffee { color: #b0b4c0 !important; text-decoration: none; line-height: 20px; padding-right: 20px; margin: 0 4px; background: transparent image-url("locomotive/nocoffee.png") no-repeat right 0px; }
|
||||||
|
|
||||||
|
} // #wrapper
|
@ -1,399 +1,8 @@
|
|||||||
/* ___ AUTOMATICALLY GENERATED: see admin/menu.scss for the source file */
|
/*
|
||||||
/* ___ rounded ___ */
|
* This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||||
/* ___ box shadow ___ */
|
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||||
/* ___ others ___ */
|
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||||
/* ___ submenu: bg ___*/
|
*= require ./menu/sub.css
|
||||||
#submenu {
|
*= require ./menu/main.css
|
||||||
clear: both;
|
*= require ./menu/colors.css
|
||||||
position: relative;
|
*/
|
||||||
top: -1px;
|
|
||||||
z-index: 998;
|
|
||||||
height: 60px;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0 8px;
|
|
||||||
background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
|
|
||||||
/* ___ submenu items ___ */
|
|
||||||
/* ___ submenu: actions ___ */
|
|
||||||
/* ___ submenu: popup ___ */ }
|
|
||||||
#submenu > ul {
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
list-style: none;
|
|
||||||
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
|
||||||
background: transparent url(/images/admin/menu/submenu/shadow.png) repeat-x 0 0;
|
|
||||||
border-top-right-radius: 3px ;
|
|
||||||
-moz-border-radius-top-right: 3px ;
|
|
||||||
-webkit-border-top-right-radius: 3px ;
|
|
||||||
height: 60px; }
|
|
||||||
#submenu > ul a {
|
|
||||||
text-decoration: none; }
|
|
||||||
#submenu > ul > li {
|
|
||||||
margin: 15px 7px 0 8px;
|
|
||||||
float: left; }
|
|
||||||
#submenu > ul > li.hoverable > a span em {
|
|
||||||
display: inline-block;
|
|
||||||
background: transparent url(/images/admin/menu/icons.png) no-repeat 0 -16px;
|
|
||||||
width: 12px;
|
|
||||||
height: 7px;
|
|
||||||
position: relative;
|
|
||||||
top: 0px;
|
|
||||||
left: 6px; }
|
|
||||||
#submenu > ul > li > a {
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 16px;
|
|
||||||
-moz-border-radius: 16px;
|
|
||||||
-webkit-border-radius: 16px;
|
|
||||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.1) ;
|
|
||||||
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.1) ;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 0 0 rgba(255, 255, 255, 0.1) ;
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.3);
|
|
||||||
padding: 0px 16px 0px 16px;
|
|
||||||
height: 26px;
|
|
||||||
line-height: 22px;
|
|
||||||
outline: none; }
|
|
||||||
#submenu > ul > li > a span {
|
|
||||||
color: #fff;
|
|
||||||
font-size: 0.8em;
|
|
||||||
font-weight: normal;
|
|
||||||
text-shadow: 1px 1px 1px #000; }
|
|
||||||
#submenu > ul > li > a:hover {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.9);
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.8); }
|
|
||||||
#submenu > ul > li > a.on, #submenu > ul > li > a:active {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.4);
|
|
||||||
border-bottom: 1px solid transparent !important;
|
|
||||||
box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(255, 255, 255, 0.2) !important;
|
|
||||||
-moz-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(255, 255, 255, 0.2) !important;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0), 0 1px 0 0 rgba(255, 255, 255, 0.2) !important; }
|
|
||||||
#submenu > ul > li > a.hover {
|
|
||||||
background: #fff !important;
|
|
||||||
border-color: transparent !important;
|
|
||||||
border-color-bottom: #fff;
|
|
||||||
padding-bottom: 0px;
|
|
||||||
border-bottom-left-radius: 0px !important;
|
|
||||||
-moz-border-radius-bottomleft: 0px !important;
|
|
||||||
-webkit-border-bottom-left-radius: 0px !important;
|
|
||||||
border-bottom-right-radius: 0px !important;
|
|
||||||
-moz-border-radius-bottomright: 0px !important;
|
|
||||||
-webkit-border-bottom-right-radius: 0px !important;
|
|
||||||
position: relative;
|
|
||||||
z-index: 998; }
|
|
||||||
#submenu > ul > li > a.hover span {
|
|
||||||
color: #8b8d9a;
|
|
||||||
text-shadow: none;
|
|
||||||
box-shadow: none " !important";
|
|
||||||
-moz-box-shadow: none " !important";
|
|
||||||
-webkit-box-shadow: none " !important"; }
|
|
||||||
#submenu > ul > li > a.hover span em {
|
|
||||||
background-position: -12px -16px; }
|
|
||||||
#submenu > ul > li > a.hover > em {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0px;
|
|
||||||
right: -11px;
|
|
||||||
width: 13px;
|
|
||||||
height: 13px;
|
|
||||||
background: transparent url(/images/admin/menu/popup/bottom-right-corner.png) no-repeat 0 0; }
|
|
||||||
#submenu > .action {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
right: 22px;
|
|
||||||
height: 60px;
|
|
||||||
padding-left: 20px;
|
|
||||||
z-index: 1;
|
|
||||||
background: transparent url(/images/admin/menu/submenu/action-border.png) repeat-y left 0; }
|
|
||||||
#submenu > .action a {
|
|
||||||
margin-top: 18px;
|
|
||||||
display: inline-block;
|
|
||||||
background: rgba(0, 0, 0, 0.4);
|
|
||||||
border-radius: 16px;
|
|
||||||
-moz-border-radius: 16px;
|
|
||||||
-webkit-border-radius: 16px;
|
|
||||||
padding: 0px 10px 0 15px;
|
|
||||||
height: 22px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
outline: none; }
|
|
||||||
#submenu > .action a em {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
background: transparent url(../../images/admin/menu/icons.png) no-repeat 0 0px;
|
|
||||||
height: 11px;
|
|
||||||
width: 11px;
|
|
||||||
top: 1px;
|
|
||||||
left: -5px; }
|
|
||||||
#submenu > .action a span {
|
|
||||||
position: relative;
|
|
||||||
top: -2px;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 0.7em;
|
|
||||||
text-shadow: 1px 1px 1px #000; }
|
|
||||||
#submenu > .action a:hover {
|
|
||||||
border-color: black; }
|
|
||||||
#submenu .popup {
|
|
||||||
position: absolute;
|
|
||||||
top: 42px;
|
|
||||||
min-width: 250px;
|
|
||||||
background: #fff;
|
|
||||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
|
|
||||||
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
|
|
||||||
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
|
|
||||||
border-radius: 16px;
|
|
||||||
-moz-border-radius: 16px;
|
|
||||||
-webkit-border-radius: 16px;
|
|
||||||
border-top-left-radius: 0px ;
|
|
||||||
-moz-border-radius-topleft: 0px ;
|
|
||||||
-webkit-border-top-left-radius: 0px ;
|
|
||||||
z-index: 997; }
|
|
||||||
#submenu .popup a {
|
|
||||||
color: #1f82bc;
|
|
||||||
text-decoration: none; }
|
|
||||||
#submenu .popup a:hover {
|
|
||||||
text-decoration: underline; }
|
|
||||||
#submenu .popup .header {
|
|
||||||
border-bottom: 1px dotted #bbbbbd;
|
|
||||||
padding-bottom: 6px;
|
|
||||||
margin: 0px 16px; }
|
|
||||||
#submenu .popup .inner {
|
|
||||||
padding: 8px 16px; }
|
|
||||||
#submenu .popup h2 {
|
|
||||||
font-size: 0.7em;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #1e1f26;
|
|
||||||
margin-bottom: 0px; }
|
|
||||||
#submenu .popup p {
|
|
||||||
margin: 0px;
|
|
||||||
padding: 10px 0 0 0px; }
|
|
||||||
#submenu .popup p a {
|
|
||||||
font-size: 0.8em;
|
|
||||||
background: transparent url(/images/admin/menu/popup/add.png) no-repeat left 4px;
|
|
||||||
padding-left: 12px; }
|
|
||||||
#submenu .popup p.edit {
|
|
||||||
padding-top: 0px; }
|
|
||||||
#submenu .popup p.edit a {
|
|
||||||
background: transparent url(/images/admin/menu/popup/bullet.png) no-repeat left 5px; }
|
|
||||||
#submenu .popup ul {
|
|
||||||
list-style-image: url(/images/admin/menu/popup/bullet.png);
|
|
||||||
margin: 0px 0px 0 15px; }
|
|
||||||
#submenu .popup ul li {
|
|
||||||
position: relative; }
|
|
||||||
#submenu .popup ul li a {
|
|
||||||
font-size: 0.7em; }
|
|
||||||
#submenu .popup ul li span {
|
|
||||||
display: inline;
|
|
||||||
position: absolute;
|
|
||||||
top: 6px;
|
|
||||||
right: 15px;
|
|
||||||
color: #8b8d9a;
|
|
||||||
font-size: 0.7em; }
|
|
||||||
#submenu .popup ul.big-links {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0px; }
|
|
||||||
#submenu .popup ul.big-links li {
|
|
||||||
margin: 10px 0; }
|
|
||||||
#submenu .popup ul.big-links li a {
|
|
||||||
border-radius: 16px;
|
|
||||||
-moz-border-radius: 16px;
|
|
||||||
-webkit-border-radius: 16px;
|
|
||||||
padding: 3px 10px;
|
|
||||||
background: #ebedf4;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 0.8em; }
|
|
||||||
#submenu .popup .footer {
|
|
||||||
background: #ebedf4;
|
|
||||||
padding: 8px 16px;
|
|
||||||
border-bottom-left-radius: 16px ;
|
|
||||||
-moz-border-radius-bottom-left: 16px ;
|
|
||||||
-webkit-border-bottom-left-radius: 16px ;
|
|
||||||
border-bottom-right-radius: 16px ;
|
|
||||||
-moz-border-radius-bottom-right: 16px ;
|
|
||||||
-webkit-border-bottom-right-radius: 16px ; }
|
|
||||||
#submenu .popup .footer a {
|
|
||||||
color: #8b8d9a;
|
|
||||||
font-weight: bold; }
|
|
||||||
|
|
||||||
/* ___ menu ___ */
|
|
||||||
#menu {
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
list-style: none;
|
|
||||||
margin: 20px 0 0 0px; }
|
|
||||||
#menu a {
|
|
||||||
text-decoration: none; }
|
|
||||||
#menu li.item {
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
z-index: 994; }
|
|
||||||
#menu li.item > span, #menu li.item a {
|
|
||||||
float: left;
|
|
||||||
display: block; }
|
|
||||||
#menu li.item > span {
|
|
||||||
background: transparent url(/images/admin/menu/left.png) no-repeat 0 0;
|
|
||||||
width: 40px;
|
|
||||||
height: 39px;
|
|
||||||
background-position: 0 -39px; }
|
|
||||||
#menu li.item.first > span {
|
|
||||||
width: 18px;
|
|
||||||
background-position: 0 0; }
|
|
||||||
#menu li.item a {
|
|
||||||
background: transparent url(/images/admin/menu/right.png) no-repeat right 0px;
|
|
||||||
padding: 0px 52px 0 2px;
|
|
||||||
height: 39px;
|
|
||||||
line-height: 26px;
|
|
||||||
outline: none; }
|
|
||||||
#menu li.item a em, #menu li.item a span {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative; }
|
|
||||||
#menu li.item a em {
|
|
||||||
background: transparent url(/images/admin/menu/icons.png) no-repeat 0px 0px; }
|
|
||||||
#menu li.item a span {
|
|
||||||
top: 9px;
|
|
||||||
left: 6px;
|
|
||||||
color: #787A89;
|
|
||||||
text-shadow: #C5CFD1 1px 1px 1px;
|
|
||||||
font-size: 0.8em; }
|
|
||||||
#menu li.item.item-2 {
|
|
||||||
left: -35px;
|
|
||||||
z-index: 991; }
|
|
||||||
#menu li.item.item-3 {
|
|
||||||
left: -70px;
|
|
||||||
z-index: 990; }
|
|
||||||
#menu li.item.item-4 {
|
|
||||||
left: -105px;
|
|
||||||
z-index: 989; }
|
|
||||||
#menu li.item.item-5 {
|
|
||||||
left: -140px;
|
|
||||||
z-index: 988; }
|
|
||||||
|
|
||||||
/* ___ section/color/icon associations ___ */
|
|
||||||
#menu li.contents a em {
|
|
||||||
position: relative;
|
|
||||||
width: 16px;
|
|
||||||
height: 12px;
|
|
||||||
line-height: 13px;
|
|
||||||
background-position: 0 -64px;
|
|
||||||
top: 10px;
|
|
||||||
left: 0; }
|
|
||||||
|
|
||||||
body.contents #menu li.contents {
|
|
||||||
z-index: 999; }
|
|
||||||
body.contents #menu li.contents a {
|
|
||||||
background-position: right -78px; }
|
|
||||||
body.contents #menu li.contents a span {
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: none; }
|
|
||||||
body.contents #menu li.contents > span {
|
|
||||||
background-position: -80px -39px; }
|
|
||||||
body.contents #menu li.contents.first > span {
|
|
||||||
background-position: -36px 0px; }
|
|
||||||
body.contents #menu li.contents em {
|
|
||||||
position: relative;
|
|
||||||
width: 16px;
|
|
||||||
height: 12px;
|
|
||||||
line-height: 13px;
|
|
||||||
background-position: -16px -64px;
|
|
||||||
top: 10px;
|
|
||||||
left: 0; }
|
|
||||||
body.contents #submenu > ul {
|
|
||||||
background: #23242b url(/images/admin/menu/submenu/black-bg.png) repeat-x 0 0;
|
|
||||||
border-color: rgba(255, 255, 255, 0.2); }
|
|
||||||
body.contents #submenu > ul > li > a {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
||||||
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
|
||||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.1) ;
|
|
||||||
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.1) ;
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.1), 0 1px 0 0 rgba(255, 255, 255, 0.1) ;
|
|
||||||
background: #27272e;
|
|
||||||
background: -moz-linear-gradient(0% 100% 90deg, #1e1e24, #303138);
|
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303138), to(#1e1e24)); }
|
|
||||||
body.contents #submenu > ul > li > a.on, body.contents #submenu > ul > li > a:active {
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.6);
|
|
||||||
background: #1f2026;
|
|
||||||
background: -moz-linear-gradient(0% 100% 90deg, #212229, #1e1e24);
|
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1e1e24), to(#212229)); }
|
|
||||||
body.contents #submenu > .action {
|
|
||||||
background-image: url(/images/admin/menu/submenu/black-action-border.png) !important; }
|
|
||||||
|
|
||||||
#menu li.assets a em {
|
|
||||||
position: relative;
|
|
||||||
width: 20px;
|
|
||||||
height: 16px;
|
|
||||||
line-height: 17px;
|
|
||||||
background-position: 0 -48px;
|
|
||||||
top: 11px;
|
|
||||||
left: 0; }
|
|
||||||
|
|
||||||
body.assets #menu li.assets {
|
|
||||||
z-index: 999; }
|
|
||||||
body.assets #menu li.assets a {
|
|
||||||
background-position: right -39px; }
|
|
||||||
body.assets #menu li.assets a span {
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: none; }
|
|
||||||
body.assets #menu li.assets > span {
|
|
||||||
background-position: -40px -39px; }
|
|
||||||
body.assets #menu li.assets.first > span {
|
|
||||||
background-position: -18px 0px; }
|
|
||||||
body.assets #menu li.assets em {
|
|
||||||
position: relative;
|
|
||||||
width: 20px;
|
|
||||||
height: 16px;
|
|
||||||
line-height: 17px;
|
|
||||||
background-position: -20px -48px;
|
|
||||||
top: 11px;
|
|
||||||
left: 0; }
|
|
||||||
body.assets #submenu > ul {
|
|
||||||
background-color: #2e9a7d; }
|
|
||||||
body.assets #submenu > ul > li > a {
|
|
||||||
background: #1c765d;
|
|
||||||
background: -moz-linear-gradient(0% 100% 90deg, #13604b, #258c70);
|
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#258c70), to(#13604b)); }
|
|
||||||
body.assets #submenu > ul > li > a.on, body.assets #submenu > ul > li > a:active {
|
|
||||||
background: #176550;
|
|
||||||
background: -moz-linear-gradient(0% 100% 90deg, #166d55, #195e4b);
|
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#195e4b), to(#166d55)); }
|
|
||||||
|
|
||||||
#menu li.settings a em {
|
|
||||||
position: relative;
|
|
||||||
width: 14px;
|
|
||||||
height: 13px;
|
|
||||||
line-height: 14px;
|
|
||||||
background-position: 0 -32px;
|
|
||||||
top: 11px;
|
|
||||||
left: 0; }
|
|
||||||
|
|
||||||
body.settings #menu li.settings {
|
|
||||||
z-index: 999; }
|
|
||||||
body.settings #menu li.settings a {
|
|
||||||
background-position: right -117px; }
|
|
||||||
body.settings #menu li.settings a span {
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: none; }
|
|
||||||
body.settings #menu li.settings > span {
|
|
||||||
background-position: -120px -39px; }
|
|
||||||
body.settings #menu li.settings.first > span {
|
|
||||||
background-position: -54px 0px; }
|
|
||||||
body.settings #menu li.settings em {
|
|
||||||
position: relative;
|
|
||||||
width: 14px;
|
|
||||||
height: 13px;
|
|
||||||
line-height: 14px;
|
|
||||||
background-position: -14px -32px;
|
|
||||||
top: 11px;
|
|
||||||
left: 0; }
|
|
||||||
body.settings #submenu > ul {
|
|
||||||
background-color: #2579ae; }
|
|
||||||
body.settings #submenu > ul > li > a {
|
|
||||||
background: #195f8d;
|
|
||||||
background: -moz-linear-gradient(0% 100% 90deg, #135179, #1f6ea1);
|
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f6ea1), to(#135179)); }
|
|
||||||
body.settings #submenu > ul > li > a.on, body.settings #submenu > ul > li > a:active {
|
|
||||||
background: #15527a;
|
|
||||||
background: -moz-linear-gradient(0% 100% 90deg, #175b88, #13496c);
|
|
||||||
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#13496c), to(#175b88)); }
|
|
192
app/assets/stylesheets/locomotive/menu/_helpers.scss
Normal file
@ -0,0 +1,192 @@
|
|||||||
|
@import "compass/css3";
|
||||||
|
@import "compass/css3/border-radius";
|
||||||
|
@import "compass/css3/images";
|
||||||
|
@import "compass/css3/text-shadow";
|
||||||
|
|
||||||
|
@mixin clearfix {
|
||||||
|
&:after {
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
clear: both;
|
||||||
|
visibility: hidden;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin reset {
|
||||||
|
padding: 0px;
|
||||||
|
margin: 0px;
|
||||||
|
list-style: none;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin absolute-position($vside, $vvalue, $hside, $hvalue, $display: block) {
|
||||||
|
display: $display;
|
||||||
|
position: absolute;
|
||||||
|
#{$vside}: $vvalue;
|
||||||
|
#{$hside}: $hvalue;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ___ shadows ___ */
|
||||||
|
|
||||||
|
@mixin box-shadow-with-inset($color_top, $color_bottom: $color_top) {
|
||||||
|
$color_bottom: $color_top !default;
|
||||||
|
@include box-shadow($color_top 0 1px 0 0 inset, $color_bottom 0 1px 0 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin no-box-shadow($important: false) {
|
||||||
|
@if $important == true {
|
||||||
|
$important: " !important"; }
|
||||||
|
@else {
|
||||||
|
$important: ""; }
|
||||||
|
|
||||||
|
box-shadow: none $important;
|
||||||
|
-moz-box-shadow: none $important;
|
||||||
|
-webkit-box-shadow: none $important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin popup-box {
|
||||||
|
@include border-radius(4px);
|
||||||
|
@include box-shadow(rgba(255, 255, 255, 0.17) 0 1px 0 0 inset, rgba(0, 0, 0, 0.41) 3px 3px 5px 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ___ icons ___ */
|
||||||
|
|
||||||
|
@mixin icon($where, $width, $height, $enabled: false, $top: 0, $left: 0) {
|
||||||
|
position: relative;
|
||||||
|
width: $width;
|
||||||
|
height: $height;
|
||||||
|
line-height: $height + 1;
|
||||||
|
@if $enabled == true {
|
||||||
|
background-position: -#{$width} $where; }
|
||||||
|
@else {
|
||||||
|
background-position: 0 $where; }
|
||||||
|
top: $top;
|
||||||
|
left: $left;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin menu-contents-icon($enabled: false) {
|
||||||
|
@include icon(-64px, 16px, 12px, $enabled, 10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin menu-assets-icon($enabled: false) {
|
||||||
|
@include icon(-48px, 20px, 16px, $enabled, 11px);
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin menu-settings-icon($enabled: false) {
|
||||||
|
@include icon(-32px, 14px, 13px, $enabled, 11px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ___ colors ___ */
|
||||||
|
|
||||||
|
@mixin menu-color($color) {
|
||||||
|
$color-index: 1;
|
||||||
|
@if $color == green { $color-index: 1; }
|
||||||
|
@if $color == black { $color-index: 2; }
|
||||||
|
@if $color == blue { $color-index: 3; }
|
||||||
|
@if $color == orange { $color-index: 4; }
|
||||||
|
@if $color == red { $color-index: 5; }
|
||||||
|
|
||||||
|
z-index: 999;
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-position: right -39px * $color-index;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #fff;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > span { background-position: -40px * $color-index -39px; }
|
||||||
|
|
||||||
|
&.first > span { background-position: -18px * $color-index 0px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin black-submenu {
|
||||||
|
& > ul {
|
||||||
|
background: #23242b image-url("locomotive/menu/submenu/black-bg.png") repeat-x 0 0;
|
||||||
|
border-color: rgba(255, 255, 255, 0.2);
|
||||||
|
& > li > a {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
|
||||||
|
@include box-shadow-with-inset(rgba(255, 255, 255, 0.1));
|
||||||
|
@include background-image(linear-gradient(#303138, #1e1e24));
|
||||||
|
|
||||||
|
&.on, &:active {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.6);
|
||||||
|
@include background-image(linear-gradient(#1e1e24, #212229));
|
||||||
|
@include box-shadow-with-inset(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > .action {
|
||||||
|
background-image: image-url("locomotive/menu/submenu/black-action-border.png") !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin green-submenu {
|
||||||
|
& > ul {
|
||||||
|
background-color: #2e9a7d;
|
||||||
|
& > li > a {
|
||||||
|
@include background-image(linear-gradient(#258c70, #13604b));
|
||||||
|
|
||||||
|
&.on, &:active {
|
||||||
|
@include background-image(linear-gradient(#195e4b, #166d55));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin blue-submenu {
|
||||||
|
& > ul {
|
||||||
|
background-color: #2579ae;
|
||||||
|
& > li > a {
|
||||||
|
@include background-image(linear-gradient(#1f6ea1, #135179));
|
||||||
|
|
||||||
|
&.on, &:active {
|
||||||
|
@include background-image(linear-gradient(#13496c, #175b88));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin orange-submenu {
|
||||||
|
& > ul {
|
||||||
|
background-color: #ed8102;
|
||||||
|
& > li > a {
|
||||||
|
@include background-image(linear-gradient(#e07a02, #a25804));
|
||||||
|
|
||||||
|
&.on, &:active {
|
||||||
|
@include background-image(linear-gradient(#965201, #9d5603));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin red-submenu {
|
||||||
|
& > ul {
|
||||||
|
background-color: #d23c45;
|
||||||
|
& > li > a {
|
||||||
|
@include background-image(linear-gradient(#b63e45, #89272d));
|
||||||
|
|
||||||
|
&.on, &:active {
|
||||||
|
@include background-image(linear-gradient(#7b292e, #972e35));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin submenu-color($color) {
|
||||||
|
@if $color == black { @include black-submenu; }
|
||||||
|
@if $color == green { @include green-submenu; }
|
||||||
|
@if $color == blue { @include blue-submenu; }
|
||||||
|
@if $color == orange { @include orange-submenu; }
|
||||||
|
@if $color == red { @include red-submenu; }
|
||||||
|
}
|
31
app/assets/stylesheets/locomotive/menu/colors.scss
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
@import "helpers";
|
||||||
|
|
||||||
|
#menu li.contents a em { @include menu-contents-icon; }
|
||||||
|
body.contents {
|
||||||
|
$color: black;
|
||||||
|
#menu li.contents {
|
||||||
|
@include menu-color($color);
|
||||||
|
em { @include menu-contents-icon(true); }
|
||||||
|
}
|
||||||
|
#submenu { @include submenu-color($color); }
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu li.assets a em { @include menu-assets-icon; }
|
||||||
|
body.assets {
|
||||||
|
$color: green;
|
||||||
|
#menu li.assets {
|
||||||
|
@include menu-color($color);
|
||||||
|
em { @include menu-assets-icon(true); }
|
||||||
|
}
|
||||||
|
#submenu { @include submenu-color($color); }
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu li.settings a em { @include menu-settings-icon; }
|
||||||
|
body.settings {
|
||||||
|
$color: blue;
|
||||||
|
#menu li.settings {
|
||||||
|
@include menu-color($color);
|
||||||
|
em { @include menu-settings-icon(true); }
|
||||||
|
}
|
||||||
|
#submenu { @include submenu-color($color); }
|
||||||
|
}
|
56
app/assets/stylesheets/locomotive/menu/main.scss
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
@import "helpers";
|
||||||
|
|
||||||
|
#menu {
|
||||||
|
@include reset;
|
||||||
|
margin: 20px 0 0 0px;
|
||||||
|
|
||||||
|
li.item {
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
z-index: 994;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
& > span, a {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > span {
|
||||||
|
background: transparent image-url("locomotive/menu/left.png") no-repeat 0 0;
|
||||||
|
width: 40px;
|
||||||
|
height: 39px;
|
||||||
|
background-position: 0 -39px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.first > span {
|
||||||
|
width: 18px;
|
||||||
|
background-position: 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
background: transparent image-url("locomotive/menu/right.png") no-repeat right 0px;
|
||||||
|
padding: 0px 52px 0 2px;
|
||||||
|
height: 39px;
|
||||||
|
line-height: 26px;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
em, span { display: inline-block; position: relative; }
|
||||||
|
|
||||||
|
em {
|
||||||
|
background: transparent image-url("locomotive/menu/icons.png") no-repeat 0px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
top: 9px;
|
||||||
|
left: 6px;
|
||||||
|
color: #787A89;
|
||||||
|
text-shadow: #C5CFD1 1px 1px 1px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@for $i from 2 through 5 {
|
||||||
|
&.item-#{$i} { left: -35px * ($i - 1); z-index: 993 - $i; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
249
app/assets/stylesheets/locomotive/menu/sub.scss
Normal file
@ -0,0 +1,249 @@
|
|||||||
|
@import "helpers";
|
||||||
|
|
||||||
|
#submenu {
|
||||||
|
clear: both;
|
||||||
|
position: relative;
|
||||||
|
top: -1px;
|
||||||
|
z-index: 998;
|
||||||
|
height: 60px;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 0 8px;
|
||||||
|
background: transparent image-url("locomotive/menu/shadow.png") repeat-y 0 0;
|
||||||
|
|
||||||
|
/* ___ submenu items ___ */
|
||||||
|
|
||||||
|
& > ul {
|
||||||
|
@include reset;
|
||||||
|
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
||||||
|
background: transparent image-url("locomotive/menu/submenu/shadow.png") repeat-x 0 0;
|
||||||
|
@include border-top-right-radius(3px);
|
||||||
|
|
||||||
|
height: 60px;
|
||||||
|
|
||||||
|
& > li {
|
||||||
|
margin: 15px 7px 0 8px;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
&.hoverable > a span {
|
||||||
|
em {
|
||||||
|
display: inline-block;
|
||||||
|
background: transparent image-url("locomotive/menu/icons.png") no-repeat 0 -16px;
|
||||||
|
width: 12px;
|
||||||
|
height: 7px;
|
||||||
|
position: relative;
|
||||||
|
top: 0px;
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
display: inline-block;
|
||||||
|
|
||||||
|
@include border-radius(16px);
|
||||||
|
@include box-shadow(rgba(255, 255, 255, 0.2) 0 1px 0 0 inset, rgba(255, 255, 255, 0.1) 0 1px 0 0);
|
||||||
|
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.3);
|
||||||
|
padding: 0px 16px 0px 16px;
|
||||||
|
height: 26px;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 22px;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: normal;
|
||||||
|
text-shadow: 1px 1px 1px #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.9);
|
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.on, &:active {
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.4);
|
||||||
|
border-bottom: 1px solid transparent !important;
|
||||||
|
@include box-shadow-with-inset(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
|
||||||
|
}
|
||||||
|
|
||||||
|
&.hover {
|
||||||
|
background: #fff !important;
|
||||||
|
border-color: transparent !important;
|
||||||
|
border-color-bottom: #fff;
|
||||||
|
padding-bottom: 0px;
|
||||||
|
@include border-left-radius(0px); // !important is missing here
|
||||||
|
position: relative;
|
||||||
|
z-index: 998;
|
||||||
|
|
||||||
|
span {
|
||||||
|
color: #8b8d9a;
|
||||||
|
text-shadow: none;
|
||||||
|
@include no-box-shadow(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
span em {
|
||||||
|
background-position: -12px -16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > em {
|
||||||
|
@include absolute-position(bottom, 0px, right, -11px);
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
background: transparent image-url("locomotive/menu/popup/bottom-right-corner.png") no-repeat 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ___ submenu: actions ___ */
|
||||||
|
|
||||||
|
& > .action {
|
||||||
|
@include absolute-position(top, 0px, right, 22px);
|
||||||
|
height: 60px;
|
||||||
|
padding-left: 20px;
|
||||||
|
z-index: 1;
|
||||||
|
background: transparent image-url("locomotive/menu/submenu/action-border.png") repeat-y left 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: inline-block;
|
||||||
|
height: 22px;
|
||||||
|
|
||||||
|
margin-top: 18px;
|
||||||
|
padding: 0px 10px 0 15px;
|
||||||
|
|
||||||
|
background: rgba(0, 0, 0, 0.4);
|
||||||
|
|
||||||
|
@include border-radius(16px);
|
||||||
|
border: 1px solid transparent;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
line-height: 20px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
em {
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
background: transparent image-url("locomotive/menu/icons.png") no-repeat 0 0px;
|
||||||
|
height: 11px;
|
||||||
|
width: 11px;
|
||||||
|
top: 1px;
|
||||||
|
left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
position: relative;
|
||||||
|
top: -2px;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 11px;
|
||||||
|
text-shadow: 1px 1px 1px #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-color: rgba(0, 0, 0, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ___ submenu: popup ___ */
|
||||||
|
|
||||||
|
.popup {
|
||||||
|
position: absolute;
|
||||||
|
top: 42px;
|
||||||
|
min-width: 250px;
|
||||||
|
background: #fff;
|
||||||
|
@include box-shadow(0px, 0px, 10px, rgba(0, 0, 0, 0.5));
|
||||||
|
@include border-radius(16px);
|
||||||
|
@include border-top-left-radius(0px);
|
||||||
|
z-index: 997;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #1f82bc;
|
||||||
|
text-decoration: none;
|
||||||
|
&:hover { text-decoration: underline; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
border-bottom: 1px dotted #bbbbbd;
|
||||||
|
padding-bottom: 6px;
|
||||||
|
margin: 0px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.inner { padding: 8px 16px; }
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 0.7em;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #1e1f26;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 10px 0 0 0px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-size: 0.8em;
|
||||||
|
background: transparent image-url("locomotive/menu/popup/add.png") no-repeat left 4px;
|
||||||
|
padding-left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.edit {
|
||||||
|
padding-top: 0px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
background: transparent image-url("locomotive/menu/popup/bullet.png") no-repeat left 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-image: image-url("locomotive/menu/popup/bullet.png");
|
||||||
|
margin: 0px 0px 0 15px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
a { font-size: 0.7em; }
|
||||||
|
|
||||||
|
span {
|
||||||
|
@include absolute-position(top, 6px, right, 15px, inline);
|
||||||
|
color: #8b8d9a;
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.big-links {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 10px 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
@include border-radius(16px);
|
||||||
|
padding: 3px 10px;
|
||||||
|
background: #ebedf4;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
background: #ebedf4;
|
||||||
|
padding: 8px 16px;
|
||||||
|
@include border-bottom-radius(16px);
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #8b8d9a;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -2,6 +2,6 @@
|
|||||||
* This is a manifest file that'll automatically include all the stylesheets available in this directory
|
* This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||||
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||||
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
* the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||||
*= require ./blueprint/screen.css
|
*= require ../../../../vendor/assets/stylesheets/blueprint/screen.css
|
||||||
*= require ./simple.css
|
*= require ./simple.css
|
||||||
*/
|
*/
|
@ -1,20 +0,0 @@
|
|||||||
@media screen and/*!YUI-Compresser */(-webkit-min-device-pixel-ratio:0) {
|
|
||||||
|
|
||||||
#panel div.footer .button { padding-left: 5px; }
|
|
||||||
#panel div.footer .button span { top: 0px; padding-right: 10px; }
|
|
||||||
|
|
||||||
.button { padding-left: 5px; }
|
|
||||||
.button span { top: 0px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.foldable legend span em { top: 0px; }
|
|
||||||
form.formtastic fieldset.foldable.folded legend span em { top: 0px; }
|
|
||||||
|
|
||||||
form.formtastic fieldset.inputs ol { margin-top: 30px; }
|
|
||||||
|
|
||||||
#content #local-actions-bar a em { top: 4px; }
|
|
||||||
|
|
||||||
#sites-picker ul li { padding: 3px 8px 4px 8px; }
|
|
||||||
|
|
||||||
#pages-list ul.folder li.templatized strong a { background-position: right 2px; }
|
|
||||||
#pages-list ul.folder li.redirect strong a { background-position: right 1px; }
|
|
||||||
}
|
|
@ -25,12 +25,12 @@ div#flash-notice {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#wrapper {
|
#wrapper {
|
||||||
background: transparent image-url("locomotive/box/wrapper_bg.png") repeat-x 0 0;
|
background: transparent image-url("locomotive/simple/wrapper_bg.png") repeat-x 0 0;
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#light {
|
#light {
|
||||||
background: transparent image-url("locomotive/box/light_bg.png") no-repeat center 0;
|
background: transparent image-url("locomotive/simple/light_bg.png") no-repeat center 0;
|
||||||
min-height: 400px;
|
min-height: 400px;
|
||||||
padding-top: 100px;
|
padding-top: 100px;
|
||||||
}
|
}
|
||||||
|
@ -1,61 +0,0 @@
|
|||||||
/* ___ AUTOMATICALLY GENERATED: see admin/sites_picker.scss for the source file */
|
|
||||||
/* ___ rounded ___ */
|
|
||||||
/* ___ box shadow ___ */
|
|
||||||
/* ___ others ___ */
|
|
||||||
#sites-picker {
|
|
||||||
position: absolute;
|
|
||||||
top: 97px;
|
|
||||||
padding: 0px 0 0 0;
|
|
||||||
border-radius: 4px;
|
|
||||||
-moz-border-radius: 4px;
|
|
||||||
-webkit-border-radius: 4px;
|
|
||||||
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.17), 3px 3px 5px 0 rgba(0, 0, 0, 0.41);
|
|
||||||
-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.17), 3px 3px 5px 0 rgba(0, 0, 0, 0.41);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.17), 3px 3px 5px 0 rgba(0, 0, 0, 0.41);
|
|
||||||
border: 1px solid #000;
|
|
||||||
background: #32333b;
|
|
||||||
min-width: 160px;
|
|
||||||
z-index: 999;
|
|
||||||
font-size: 12px; }
|
|
||||||
#sites-picker p {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
padding: 0 8px; }
|
|
||||||
#sites-picker p, #sites-picker p a {
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: #000 0px 1px; }
|
|
||||||
#sites-picker p a {
|
|
||||||
text-decoration: none; }
|
|
||||||
#sites-picker p a:hover {
|
|
||||||
text-decoration: underline; }
|
|
||||||
#sites-picker p.action {
|
|
||||||
margin-top: 0px;
|
|
||||||
padding: 2px 8px 4px 8px;
|
|
||||||
text-align: right;
|
|
||||||
font-size: 11px; }
|
|
||||||
#sites-picker ul {
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
list-style: none;
|
|
||||||
margin: 1px 0 0 0; }
|
|
||||||
#sites-picker ul a {
|
|
||||||
text-decoration: none; }
|
|
||||||
#sites-picker ul li {
|
|
||||||
color: #aaa;
|
|
||||||
text-shadow: #000 0px 1px;
|
|
||||||
background: transparent url(/images/admin/plugins/sites_picker_entry_bg.png) repeat-x 0 bottom;
|
|
||||||
padding: 2px 8px 6px 8px;
|
|
||||||
cursor: pointer; }
|
|
||||||
#sites-picker ul li a {
|
|
||||||
text-decoration: none;
|
|
||||||
color: #aaa; }
|
|
||||||
#sites-picker ul li:hover, #sites-picker ul li:hover a {
|
|
||||||
color: #fff; }
|
|
||||||
#sites-picker:before {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
width: 21px;
|
|
||||||
height: 13px;
|
|
||||||
position: absolute;
|
|
||||||
top: -11px;
|
|
||||||
right: 20px;
|
|
||||||
background: transparent url(/images/admin/plugins/sites_picker_top_arrow.png) no-repeat 0 0; }
|
|
@ -57,6 +57,7 @@
|
|||||||
box-shadow: inset 0 1px 0 0 $color_top, 0 1px 0 0 $color_bottom unquote($important);
|
box-shadow: inset 0 1px 0 0 $color_top, 0 1px 0 0 $color_bottom unquote($important);
|
||||||
-moz-box-shadow: inset 0 1px 0 0 $color_top, 0 1px 0 0 $color_bottom unquote($important);
|
-moz-box-shadow: inset 0 1px 0 0 $color_top, 0 1px 0 0 $color_bottom unquote($important);
|
||||||
-webkit-box-shadow: inset 0 1px 0 0 $color_top, 0 1px 0 0 $color_bottom unquote($important);
|
-webkit-box-shadow: inset 0 1px 0 0 $color_top, 0 1px 0 0 $color_bottom unquote($important);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin no-box-shadow($important: false) {
|
@mixin no-box-shadow($important: false) {
|
||||||
|
@ -12,14 +12,14 @@
|
|||||||
height: 60px;
|
height: 60px;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
background: transparent url(/assets/locomotive//menu/shadow.png) repeat-y 0 0;
|
background: transparent image-url("locomotive/menu/shadow.png") repeat-y 0 0;
|
||||||
|
|
||||||
/* ___ submenu items ___ */
|
/* ___ submenu items ___ */
|
||||||
|
|
||||||
& > ul {
|
& > ul {
|
||||||
@include reset;
|
@include reset;
|
||||||
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
||||||
background: transparent url(/assets/locomotive//menu/submenu/shadow.png) repeat-x 0 0;
|
background: transparent image-url("locomotive/menu/submenu/shadow.png") repeat-x 0 0;
|
||||||
@include rounded(top-right, 3px);
|
@include rounded(top-right, 3px);
|
||||||
|
|
||||||
height: 60px;
|
height: 60px;
|
||||||
@ -31,7 +31,7 @@
|
|||||||
&.hoverable > a span {
|
&.hoverable > a span {
|
||||||
em {
|
em {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
background: transparent url(/assets/locomotive//menu/icons.png) no-repeat 0 -16px;
|
background: transparent image-url("locomotive/menu/icons.png") no-repeat 0 -16px;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
height: 7px;
|
height: 7px;
|
||||||
position: relative;
|
position: relative;
|
||||||
@ -42,8 +42,11 @@
|
|||||||
|
|
||||||
& > a {
|
& > a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
@include full-rounded(16px);
|
@include full-rounded(16px);
|
||||||
@include box-shadow-with-inset(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
|
@include box-shadow-with-inset(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
|
||||||
|
|
||||||
|
|
||||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||||
border-top: 1px solid rgba(0, 0, 0, 0.3);
|
border-top: 1px solid rgba(0, 0, 0, 0.3);
|
||||||
padding: 0px 16px 0px 16px;
|
padding: 0px 16px 0px 16px;
|
||||||
@ -278,6 +281,7 @@
|
|||||||
|
|
||||||
&.on, &:active {
|
&.on, &:active {
|
||||||
@include linear-background-gradient(#195e4b, #166d55);
|
@include linear-background-gradient(#195e4b, #166d55);
|
||||||
|
@include box-shadow-with-inset(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -304,6 +308,7 @@
|
|||||||
|
|
||||||
&.on, &:active {
|
&.on, &:active {
|
||||||
@include linear-background-gradient(#965201, #9d5603);
|
@include linear-background-gradient(#965201, #9d5603);
|
||||||
|
@include box-shadow-with-inset(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -317,6 +322,7 @@
|
|||||||
|
|
||||||
&.on, &:active {
|
&.on, &:active {
|
||||||
@include linear-background-gradient(#7b292e, #972e35);
|
@include linear-background-gradient(#7b292e, #972e35);
|
||||||
|
@include box-shadow-with-inset(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -25,12 +25,12 @@ module Locomotive::BaseHelper
|
|||||||
end
|
end
|
||||||
end
|
end
|
||||||
|
|
||||||
# def admin_button_tag(text, url, options = {})
|
def local_action_button(text, url, options = {})
|
||||||
# text = text.is_a?(Symbol) ? t(".#{text}") : text
|
text = text.is_a?(Symbol) ? t(".#{text}") : text
|
||||||
# link_to(url, options) do
|
link_to(url, options) do
|
||||||
# content_tag(:em, escape_once(' ')) + text
|
content_tag(:em, escape_once(' ')) + text
|
||||||
# end
|
end
|
||||||
# end
|
end
|
||||||
|
|
||||||
# def admin_item_toggler(object)
|
# def admin_item_toggler(object)
|
||||||
# image_tag("admin/list/icons/node_#{(cookies["folder-#{object._id}"] != 'none') ? 'open' : 'closed'}.png", :class => 'toggler')
|
# image_tag("admin/list/icons/node_#{(cookies["folder-#{object._id}"] != 'none') ? 'open' : 'closed'}.png", :class => 'toggler')
|
||||||
|
@ -7,8 +7,8 @@
|
|||||||
= render 'locomotive/shared/actions/contents'
|
= render 'locomotive/shared/actions/contents'
|
||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag :show_items, contents_url(@content_type.slug_was), :class => 'show'
|
= local_action_button :show_items, contents_url(@content_type.slug_was), :class => 'show'
|
||||||
= admin_button_tag :new_item, new_content_url(@content_type.slug_was), :class => 'new'
|
= local_action_button :new_item, new_content_url(@content_type.slug_was), :class => 'new'
|
||||||
|
|
||||||
%p!= t('.help')
|
%p!= t('.help')
|
||||||
|
|
||||||
|
@ -10,10 +10,10 @@
|
|||||||
= render 'locomotive/shared/actions/contents'
|
= render 'locomotive/shared/actions/contents'
|
||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
- if can?(manage, Locomotive::ContentType)
|
- if can?(:manage, Locomotive::ContentType)
|
||||||
= admin_button_tag t('locomotive.contents.index.edit'), edit_content_type_url(@content_type), :class => 'edit'
|
= local_action_button t('locomotive.contents.index.edit'), edit_content_type_url(@content_type), :class => 'edit'
|
||||||
|
|
||||||
= admin_button_tag t('locomotive.contents.index.new'), new_content_url(@content_type.slug), :class => 'new'
|
= local_action_button t('locomotive.contents.index.new'), new_content_url(@content_type.slug), :class => 'new'
|
||||||
|
|
||||||
%p= @content_type.description
|
%p= @content_type.description
|
||||||
|
|
||||||
|
@ -10,10 +10,10 @@
|
|||||||
= include_javascripts :contents
|
= include_javascripts :contents
|
||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
- if can?(manage, Locomotive::ContentType)
|
- if can?(:manage, Locomotive::ContentType)
|
||||||
= admin_button_tag :edit, edit_content_type_url(@content_type), :class => 'edit'
|
= local_action_button :edit, edit_content_type_url(@content_type), :class => 'edit'
|
||||||
|
|
||||||
= admin_button_tag :new, new_content_url(@content_type.slug), :class => 'new'
|
= local_action_button :new, new_content_url(@content_type.slug), :class => 'new'
|
||||||
|
|
||||||
- if @content_type.description.present?
|
- if @content_type.description.present?
|
||||||
%p= @content_type.description
|
%p= @content_type.description
|
||||||
@ -26,7 +26,7 @@
|
|||||||
- else
|
- else
|
||||||
= render 'list', :contents => @contents
|
= render 'list', :contents => @contents
|
||||||
|
|
||||||
- if can?(manage, Locomotive::ContentType)
|
- if can?(:manage, Locomotive::ContentType)
|
||||||
#local-actions-bottom-bar
|
#local-actions-bottom-bar
|
||||||
%p.tleft
|
%p.tleft
|
||||||
= link_to(content_tag(:em, escape_once(' ')) + t('.destroy'), content_type_url(@content_type), :confirm => t('locomotive.messages.confirm'), :method => :delete, :class => 'button small remove')
|
= link_to(content_tag(:em, escape_once(' ')) + t('.destroy'), content_type_url(@content_type), :confirm => t('locomotive.messages.confirm'), :method => :delete, :class => 'button small remove')
|
||||||
|
@ -9,9 +9,9 @@
|
|||||||
- content_for :actions do
|
- content_for :actions do
|
||||||
= render 'locomotive/shared/actions/contents'
|
= render 'locomotive/shared/actions/contents'
|
||||||
|
|
||||||
- if can?(manage, Locomotive::ContentType)
|
- if can?(:manage, Locomotive::ContentType)
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag t('locomotive.contents.index.edit'), edit_content_type_url(@content_type), :class => 'edit'
|
= local_action_button t('locomotive.contents.index.edit'), edit_content_type_url(@content_type), :class => 'edit'
|
||||||
|
|
||||||
%p= @content_type.description
|
%p= @content_type.description
|
||||||
|
|
||||||
|
@ -1,6 +1,3 @@
|
|||||||
- content_for :head do
|
|
||||||
= include_javascripts :site
|
|
||||||
|
|
||||||
= f.foldable_inputs :name => :information, :style => "#{'display: none' unless @site.new_record?}" do
|
= f.foldable_inputs :name => :information, :style => "#{'display: none' unless @site.new_record?}" do
|
||||||
= f.input :name, :required => false
|
= f.input :name, :required => false
|
||||||
|
|
||||||
@ -9,7 +6,7 @@
|
|||||||
= f.input :meta_keywords
|
= f.input :meta_keywords
|
||||||
= f.input :meta_description
|
= f.input :meta_description
|
||||||
|
|
||||||
- if can?(point, Locomotive::Site)
|
- if can?(:point, Locomotive::Site)
|
||||||
- if manage_subdomain_or_domains?
|
- if manage_subdomain_or_domains?
|
||||||
= f.foldable_inputs :name => :access_points, :class => 'editable-list off' do
|
= f.foldable_inputs :name => :access_points, :class => 'editable-list off' do
|
||||||
|
|
||||||
@ -42,7 +39,7 @@
|
|||||||
%button{ :class => 'button light add', :type => 'button' }
|
%button{ :class => 'button light add', :type => 'button' }
|
||||||
%span!= t('locomotive.buttons.new_item')
|
%span!= t('locomotive.buttons.new_item')
|
||||||
|
|
||||||
- if can?(index, Locomotive::Membership)
|
- if can?(:index, Locomotive::Membership)
|
||||||
|
|
||||||
= f.foldable_inputs :name => :memberships, :class => 'memberships off' do
|
= f.foldable_inputs :name => :memberships, :class => 'memberships off' do
|
||||||
= f.semantic_fields_for :memberships do |fm|
|
= f.semantic_fields_for :memberships do |fm|
|
||||||
|
@ -5,10 +5,10 @@
|
|||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
- if can?(:manage, @site)
|
- if can?(:manage, @site)
|
||||||
= admin_button_tag :export, new_export_url, :class => 'new'
|
= local_action_button :export, new_export_url, :class => 'new'
|
||||||
= admin_button_tag :import, new_import_url, :class => 'new'
|
= local_action_button :import, new_import_url, :class => 'new'
|
||||||
- if can?(create, Locomotive::Account)
|
- if can?(:create, Locomotive::Account)
|
||||||
= admin_button_tag t('.new_membership'), new_membership_url, :class => 'new'
|
= local_action_button t('.new_membership'), new_membership_url, :class => 'new'
|
||||||
|
|
||||||
%p!= t('.help')
|
%p!= t('.help')
|
||||||
|
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
= yield :head
|
= yield :head
|
||||||
|
|
||||||
/ [if IE]
|
/ [if IE]
|
||||||
= stylesheet_link_tag 'locomotive/blueprint/ie', :media => 'screen'
|
= stylesheet_link_tag 'locomotive/ie', :media => 'screen'
|
||||||
|
|
||||||
%body{ :class => controller.controller_name }
|
%body{ :class => controller.controller_name }
|
||||||
#wrapper
|
#wrapper
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
- if multi_sites?
|
- if multi_sites?
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag t('.new_site'), new_site_url, :class => 'new' if can?(create, Locomotive::Site)
|
= local_action_button t('.new_site'), new_site_url, :class => 'new' if can?(:create, Locomotive::Site)
|
||||||
|
|
||||||
%p= t('.help')
|
%p= t('.help')
|
||||||
|
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
= render 'locomotive/shared/actions/contents'
|
= render 'locomotive/shared/actions/contents'
|
||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag :show, "/#{@page.fullpath}", :class => 'show'
|
= local_action_button :show, "/#{@page.fullpath}", :class => 'show'
|
||||||
|
|
||||||
%p!= t('.help')
|
%p!= t('.help')
|
||||||
|
|
||||||
|
@ -11,8 +11,7 @@
|
|||||||
|
|
||||||
- if can? :create, Locomotive::Page
|
- if can? :create, Locomotive::Page
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= link_to t('.new'), new_page_url, :class => 'new', :id => 'newpage'
|
= local_action_button :new, new_page_url, :class => 'new', :id => 'newpage'
|
||||||
/ = admin_button_tag :new, new_page_url, :class => 'new', :id => 'newpage'
|
|
||||||
|
|
||||||
%p!= t('.help')
|
%p!= t('.help')
|
||||||
|
|
||||||
|
@ -4,18 +4,10 @@
|
|||||||
|
|
||||||
%meta{ :name => 'locale', :content => I18n.locale }
|
%meta{ :name => 'locale', :content => I18n.locale }
|
||||||
|
|
||||||
/ = stylesheet_link_tag 'locomotive', :media => 'screen'
|
= stylesheet_link_tag 'locomotive', :media => 'screen'
|
||||||
/ = javascript_include_tag 'locomotive'
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/ = include_javascripts :common
|
|
||||||
/
|
|
||||||
/ = include_stylesheets :common, :media => 'screen'
|
|
||||||
|
|
||||||
/ [if IE]
|
/ [if IE]
|
||||||
/ = include_stylesheets :ie, :media => 'screen'
|
= stylesheet_link_tag 'locomotive/ie', :media => 'screen'
|
||||||
|
|
||||||
%script{ :type => 'text/javascript' }
|
%script{ :type => 'text/javascript' }
|
||||||
= find_and_preserve(growl_message)
|
= find_and_preserve(growl_message)
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
%h1
|
%h1
|
||||||
= link_to current_site.name, pages_url, :class => 'single'
|
= link_to current_site.name, pages_url
|
||||||
|
|
||||||
= render_cell 'locomotive/global_actions', :show, :current_locomotive_account => current_locomotive_account, :current_site_url => current_site_url
|
= render_cell 'locomotive/global_actions', :show, :current_locomotive_account => current_locomotive_account, :current_site_url => current_site_url
|
||||||
|
|
||||||
@ -11,6 +11,6 @@
|
|||||||
%li
|
%li
|
||||||
= link_to site.name, new_cross_domain_session_url(:target_id => site._id)
|
= link_to site.name, new_cross_domain_session_url(:target_id => site._id)
|
||||||
|
|
||||||
- if can?(manage, Locomotive::Site)
|
- if can?(:manage, Locomotive::Site)
|
||||||
%p.action
|
%p.action
|
||||||
= link_to t('locomotive.sites_picker.new'), new_site_url
|
= link_to t('locomotive.sites_picker.new'), new_site_url
|
@ -4,7 +4,7 @@
|
|||||||
= render_cell 'locomotive/settings_menu', :show
|
= render_cell 'locomotive/settings_menu', :show
|
||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag t('locomotive.snippets.index.new'), new_snippet_url, :class => 'new'
|
= local_action_button t('locomotive.snippets.index.new'), new_snippet_url, :class => 'new'
|
||||||
|
|
||||||
%p!= t('.help', :slug => @snippet.slug)
|
%p!= t('.help', :slug => @snippet.slug)
|
||||||
|
|
||||||
|
@ -3,9 +3,9 @@
|
|||||||
- content_for :submenu do
|
- content_for :submenu do
|
||||||
= render_cell 'locomotive/settings_menu', :show
|
= render_cell 'locomotive/settings_menu', :show
|
||||||
|
|
||||||
- if can?(manage, Locomotive::ThemeAsset)
|
- if can?(:manage, Locomotive::ThemeAsset)
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag t('locomotive.theme_assets.index.new'), new_theme_asset_url, :class => 'new'
|
= local_action_button t('locomotive.theme_assets.index.new'), new_theme_asset_url, :class => 'new'
|
||||||
|
|
||||||
%p
|
%p
|
||||||
- if %w(image javascript stylesheet).include?(@theme_asset.content_type.to_s)
|
- if %w(image javascript stylesheet).include?(@theme_asset.content_type.to_s)
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
%h2!= t('.title')
|
%h2!= t('.title')
|
||||||
|
|
||||||
.actions
|
.actions
|
||||||
= admin_button_tag t('locomotive.theme_assets.index.new'), theme_assets_url(:json), :class => 'button small add', :id => 'upload-link'
|
= local_action_button t('locomotive.theme_assets.index.new'), theme_assets_url(:json), :class => 'button small add', :id => 'upload-link'
|
||||||
|
|
||||||
- if @images.empty?
|
- if @images.empty?
|
||||||
%p.no-items!= t('.no_items')
|
%p.no-items!= t('.no_items')
|
||||||
|
@ -4,12 +4,12 @@
|
|||||||
= render_cell 'locomotive/settings_menu', :show
|
= render_cell 'locomotive/settings_menu', :show
|
||||||
|
|
||||||
- content_for :buttons do
|
- content_for :buttons do
|
||||||
= admin_button_tag t('locomotive.snippets.index.new'), new_snippet_url, :class => 'new' if can?(manage, Locomotive::Snippet)
|
= local_action_button t('locomotive.snippets.index.new'), new_snippet_url, :class => 'new' if can?(:manage, Locomotive::Snippet)
|
||||||
= admin_button_tag :new, new_theme_asset_url, :class => 'new' if can?(manage, Locomotive::ThemeAsset)
|
= local_action_button :new, new_theme_asset_url, :class => 'new' if can?(:manage, Locomotive::ThemeAsset)
|
||||||
|
|
||||||
%p!= t('.help')
|
%p!= t('.help')
|
||||||
|
|
||||||
- if can?(manage, Locomotive::Snippet)
|
- if can?(:manage, Locomotive::Snippet)
|
||||||
%h3!= t('.snippets')
|
%h3!= t('.snippets')
|
||||||
- if @snippets.empty?
|
- if @snippets.empty?
|
||||||
%p.no-items!= t('locomotive.snippets.index.no_items', :url => new_snippet_url)
|
%p.no-items!= t('locomotive.snippets.index.no_items', :url => new_snippet_url)
|
||||||
@ -19,7 +19,7 @@
|
|||||||
|
|
||||||
%br
|
%br
|
||||||
|
|
||||||
- if can?(manage, Locomotive::ThemeAsset)
|
- if can?(:manage, Locomotive::ThemeAsset)
|
||||||
%h3!= t('.css_and_js')
|
%h3!= t('.css_and_js')
|
||||||
- if @js_and_css_assets.empty?
|
- if @js_and_css_assets.empty?
|
||||||
%p.no-items!= t('.no_items', :url => new_theme_asset_url)
|
%p.no-items!= t('.no_items', :url => new_theme_asset_url)
|
||||||
@ -36,7 +36,7 @@
|
|||||||
%ul.list.theme-assets
|
%ul.list.theme-assets
|
||||||
= render :partial => 'asset', :collection => @assets[:images]
|
= render :partial => 'asset', :collection => @assets[:images]
|
||||||
|
|
||||||
- if can?(manage, Locomotive::ThemeAsset)
|
- if can?(:manage, Locomotive::ThemeAsset)
|
||||||
- if @assets[:fonts]
|
- if @assets[:fonts]
|
||||||
%br
|
%br
|
||||||
|
|
||||||
|
@ -9,7 +9,7 @@ module Locomotive
|
|||||||
|
|
||||||
def render_locomotive_page
|
def render_locomotive_page
|
||||||
if request.fullpath =~ /^\/admin\//
|
if request.fullpath =~ /^\/admin\//
|
||||||
render :template => '/admin/errors/404', :layout => '/admin/layouts/box', :status => :not_found
|
render :template => '/locomotive/errors/404', :layout => '/admin/layouts/not_logged_in', :status => :not_found
|
||||||
else
|
else
|
||||||
@page = locomotive_page
|
@page = locomotive_page
|
||||||
|
|
||||||
@ -24,7 +24,7 @@ module Locomotive
|
|||||||
end
|
end
|
||||||
|
|
||||||
def render_no_page_error
|
def render_no_page_error
|
||||||
render :template => '/admin/errors/no_page', :layout => false
|
render :template => '/locomotive/errors/no_page', :layout => false
|
||||||
end
|
end
|
||||||
|
|
||||||
def locomotive_page
|
def locomotive_page
|
||||||
|
Before Width: | Height: | Size: 655 B After Width: | Height: | Size: 655 B |
Before Width: | Height: | Size: 455 B After Width: | Height: | Size: 455 B |
Before Width: | Height: | Size: 537 B After Width: | Height: | Size: 537 B |
Before Width: | Height: | Size: 777 B After Width: | Height: | Size: 777 B |
Before Width: | Height: | Size: 641 B After Width: | Height: | Size: 641 B |
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 691 B After Width: | Height: | Size: 691 B |
Before Width: | Height: | Size: 741 B After Width: | Height: | Size: 741 B |
Before Width: | Height: | Size: 591 B After Width: | Height: | Size: 591 B |
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 663 B After Width: | Height: | Size: 663 B |
Before Width: | Height: | Size: 161 B After Width: | Height: | Size: 161 B |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 180 B After Width: | Height: | Size: 180 B |
Before Width: | Height: | Size: 178 B After Width: | Height: | Size: 178 B |
Before Width: | Height: | Size: 120 B After Width: | Height: | Size: 120 B |
Before Width: | Height: | Size: 105 B After Width: | Height: | Size: 105 B |
Before Width: | Height: | Size: 111 B After Width: | Height: | Size: 111 B |
Before Width: | Height: | Size: 110 B After Width: | Height: | Size: 110 B |
Before Width: | Height: | Size: 119 B After Width: | Height: | Size: 119 B |
Before Width: | Height: | Size: 101 B After Width: | Height: | Size: 101 B |
Before Width: | Height: | Size: 4.3 KiB After Width: | Height: | Size: 4.3 KiB |