locomotive_cms 0.0.3.3 → 0.0.4.beta1

data/public/stylesheets/admin/application.css

@@ -1,74 +1,83 @@
+@import url(/stylesheets/admin/assets.css);
+
 /* ___ application messages ___ */
 
 div.notice {
-	background: transparent url(/images/admin/form/growl-notice.png) repeat-x 0 0;
-	position: relative;
-	width: 100%;
-	height: 90px;
+  background: transparent url(/images/admin/form/growl-notice.png) repeat-x 0 0;
+  position: relative;
+  width: 100%;
+  height: 90px;
 }
 
 div.notice.error, div.notice.alert {
-	background-image: url(/images/admin/form/growl-error.png);
+  background-image: url(/images/admin/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;
+  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(/images/admin/list/none.png) no-repeat 0 0;
-	text-align: center;
-	color: #9d8963 !important;
-	font-size: 1.1em !important;
+  padding: 15px 0px;
+  background: transparent url(/images/admin/list/none.png) no-repeat 0 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 {
+  color: #ff2900;
+  text-decoration: none;
 }
 
 p.no-items a:hover {
-	text-decoration: underline;
+  text-decoration: underline;
 }
 
 ul.list {
-	list-style: none;
-	margin: 0px 0 20px 0;
-	background: white;
+  list-style: none;
+  margin: 0px 0 20px 0;
+  background: white;
 }
 
 ul.list li {
-	height: 31px;
-	margin-bottom: 10px;	
-	position: relative;
-	clear: both;
-	background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
+  height: 31px;
+  margin-bottom: 10px;
+  position: relative;
+  clear: both;
 }
 
 ul.list li em {
-	display: block;
-	float: left;
-	background: transparent url(/images/admin/list/item-left.png) no-repeat left 0;
-	height: 31px;
-	width: 18px;
+  display: block;
+  float: left;
+  background: transparent url(/images/admin/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(/images/admin/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;
+  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; }
@@ -76,81 +85,24 @@ 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;
+  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;
+  margin-left: 10px;
+  position: relative;
+  top: 4px;
 }
 
 ul.list li span.handle {
-	position: relative;
-	top: 5px;
-	margin: 0 0 0 15px;
-	cursor: move;
-}
-
-/* ___ assets ___ */
-
-ul.assets {
-	list-style: none;
-	margin: 0px;
-	padding: 0px;
-}
-
-ul.assets li.asset {
-	position: relative;
-	float: left;
-	width: 139px;
-	height: 140px;
-	background: transparent url(/images/admin/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; }
-
-ul.assets li.asset h4 a {
-	position: relative;
-	top: 6px;
-	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.image {
-	width: 80px;
-	height: 80px;
-	border: 4px solid #fff;
-	margin: 10px 0 0 24px;
-	background: transparent url(/images/admin/list/empty.png) repeat 0 0;
-}
-
-ul.assets li.asset div.image div.inside {
-	display: table-cell;
-	vertical-align: middle;
-	text-align: center;
-	width: 80px;
-	height: 80px;
-}
-
-ul.assets li.asset div.actions {
-	position: absolute;
-	top: 7px;
-	right: 12px;
+  position: relative;
+  top: 5px;
+  margin: 0 0 0 15px;
+  cursor: move;
 }
 
 /* ___ asset collections ___ */
@@ -159,78 +111,86 @@ 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;
+  background-position: left -31px;
+  cursor: move;
 }
 
 #contents-list li strong {
-	margin-left: 18px;
-	display: block;
-	height: 31px;
-	background: transparent url(/images/admin/list/item-right.png) no-repeat right 0;
+  margin-left: 18px;
+  display: block;
+  height: 31px;
+  background: transparent url(/images/admin/list/item-right.png) no-repeat right 0;
 }
 
+/* ___ snippets ___ */
 
 /* ___ pages ___ */
 
 #pages-list {
-	list-style: none;
-	margin: 0px 0 20px 0;
-	background: white;
+  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;
+  margin-bottom: 10px;
+  position: relative;
+  clear: both;
 }
 
 #pages-list li em {
-	display: block;
-	float: left;
-	background: transparent url(/images/admin/list/item-left.png) no-repeat left 0;
-	height: 31px;
-	width: 18px;
+  display: block;
+  float: left;
+  background: transparent url(/images/admin/list/item-left.png) no-repeat left 0;
+  height: 31px;
+  width: 18px;
 }
 
 #pages-list ul.folder li em {
-	background-position: left -31px;
-	cursor: move;
+  background-position: left -31px;
+  cursor: move;
 }
 
 #pages-list ul.folder li.templatized em {
-	background-position: left -62px;
-	cursor: pointer;
+  background-position: left -62px;
+  cursor: pointer;
 }
 
-#pages-list li .toggler { 
-	position: absolute;
-	top: 9px;
-	left: -15px;
-	cursor: pointer;
+#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(/images/admin/list/item-right.png) no-repeat right 0;
+  margin-left: 18px;
+  display: block;
+  height: 31px;
+  background: transparent url(/images/admin/list/item-right.png) no-repeat right 0;
 }
 
 #pages-list li strong a {
-	position: relative;
-	top: 3px;
-	text-decoration: none;
-	color: #1f82bc;
-	font-size: 0.9em;
-	padding-left: 6px;
+  position: relative;
+  top: 3px;
+  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; }
@@ -238,18 +198,18 @@ div#uploadAssetsInputQueue { display: none; }
 #pages-list li.hidden strong a { font-style: italic; font-weight: normal; }
 
 #pages-list li .more {
-	position: absolute;
-	top: 6px;
-	right: 20px;
-	font-size: 0.7em;
-	color: #8b8d9a;
+  position: absolute;
+  top: 6px;
+  right: 20px;
+  font-size: 0.7em;
+  color: #8b8d9a;
 }
 
 #pages-list li .more a {
-	position: relative;
-	top: 3px;
-	margin-left: 10px;
-	outline: none;
+  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; }
@@ -260,3 +220,31 @@ div#uploadAssetsInputQueue { display: none; }
 #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(/images/admin/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;
+}
+
+
+

data/public/stylesheets/admin/assets.css

@@ -0,0 +1,54 @@
+ul.assets {
+  list-style: none;
+  margin: 0px;
+  padding: 0px;
+}
+
+ul.assets li.asset {
+  position: relative;
+  float: left;
+  width: 139px;
+  height: 140px;
+  background: transparent url(/images/admin/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.image {
+  width: 80px;
+  height: 80px;
+  border: 4px solid #fff;
+  margin: 10px 0 0 24px;
+  background: transparent url(/images/admin/list/empty.png) repeat 0 0;
+}
+
+ul.assets li.asset div.image div.inside {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+  width: 80px;
+  height: 80px;
+}
+
+ul.assets li.asset div.actions {
+  position: absolute;
+  top: 4px;
+  right: 12px;
+}

data/public/stylesheets/admin/box.css

@@ -1,98 +1,153 @@
-/* custom styles for fancybox */
+body { background: #000 url(/images/admin/background/body.png) repeat 0 0; }
 
-/* ___ common ___ */
+#wrapper {
+  background: transparent url(/images/admin/box/wrapper_bg.png) repeat-x 0 0;
+  min-height: 400px;
+}
 
-.box-wrapper { display: none; }
+#light {
+  background: transparent url(/images/admin/box/light_bg.png) no-repeat center 0;
+  min-height: 400px;
+  padding-top: 100px;
+}
 
-#fancybox-inner h2 {
-	border-bottom:1px dotted #BBBBBD;
-	color:#1E1F26;
-	font-size:1.1em;
-	font-weight:bold;
-	padding-bottom:10px;
+#panel {
+  background: transparent url(/images/admin/box/top_panel_bg.png) no-repeat center 0;
+  width: 356px;
+  height: 344px;
+  padding: 9px 0px 0 0px;
 }
 
-#fancybox-inner form.formtastic legend span {
-	background-image: url("/images/admin/form/header-popup.png");
-	width: 453px;
+#panel h1 {
+  height: 41px;
+  margin: 0px;
+  padding: 20px 0px 0 0;
+  font-size: 1.8em;
+  color: white;
+  text-align: center;
+  text-shadow: 1px 1px 1px #000;
 }
 
-#fancybox-inner form.formtastic ol {
-	background-image: url("/images/admin/form/footer-popup.png");
+#panel .inner {
+  background: transparent url(/images/admin/box/content_panel_bg.png) repeat-y center 0;
+  padding: 5px 0px 20px 0px;
 }
 
-#fancybox-inner form.formtastic fieldset ol li label {
-	width: 20%;
+#panel fieldset {
+  border: 0px;
+  padding: 0px;
+  margin: 0px;
 }
 
-#fancybox-inner form.formtastic fieldset ol li p.inline-hints {
-	margin-left: 30%;
+#panel fieldset ol {
+  width: 260px;
+  list-style: none;
+  padding: 0px;
+  margin: 0px auto 0 auto;
 }
 
-#fancybox-inner form.formtastic .editable-list ol {
-	width: 433px;
+#panel fieldset ol li {
+  margin-top: 20px;
 }
 
-#fancybox-inner form.formtastic .editable-list li {
-	width: 413px;
+#panel fieldset ol li label {
+  display: block;
+  font-size: 1.2em;
+  color: #222;
 }
 
-#fancybox-inner form.formtastic .editable-list li {
-	background-image: url("/images/admin/form/item-popup.png");
+#panel fieldset ol li input {
+  background: white url(/images/admin/box/input_bg.png) no-repeat 0 0;
+  width: 246px;
+  padding: 7px;
+  border: 0px;
+  font-size: 1.2em;
+  color: #222;
 }
 
-#fancybox-inner form.formtastic .editable-list li.template { 
-	background-image: url("/images/admin/form/big_item-popup.png");
+#panel fieldset ol li p.inline-errors {
+  padding: 3px 5px;
+  margin: 5px 0px;
+  background: #FFE5E5;
+  color: #CE2525;
 }
 
-#fancybox-inner p { color:#8B8D9A; font-size:0.8em; }
+#panel p.notice {
+  font-size: 1.2em;
+  color: #222;
+  margin: 15px 49px 0 49px;
+  text-align: center;
+}
 
-/* ___ asset picker ___ */
+#panel p.link {
+  margin: 15px 0 0 49px;
+}
 
-div.asset-picker { width: 470px; position: relative; }
-div.asset-picker .actions { position: absolute; right: 4px; top: 0px; }
+#panel p.link a {
+  color: #1f82bc;
+  text-decoration: none;
+}
 
-div.asset-picker p.no-items { background-image: url("/images/admin/list/none-small.png"); }
+#panel p.link a:hover {
+  text-decoration: underline;
+}
 
-div.asset-picker ul { overflow: auto; height: 471px; }
-div.asset-picker ul li.new-asset { display: none; }
+#panel p.tright {
+  text-align: right;
+  margin-right: 20px;
+}
 
-/* ___ custom fields ___ */
+#panel div.footer {
+  background: transparent url(/images/admin/box/bottom_panel_bg.png) no-repeat center 0;
+  text-align: right;
+  margin: 0px 0px 0 0px;
+  padding: 22px 0;
+}
 
-#edit-custom-field {
-	width: 473px;
+#panel div.footer .button {
+  display: inline-block;
+  background: transparent url(/images/admin/box/buttons/left_bg.png) no-repeat 0 0;
+  margin: 0 38px 0 0;
+  padding: 0px 0px 0px 2px;
+  font-size: 1.1em;
+  color: white;
+  cursor: pointer;
+  border: none;
+  height: 31px;
 }
 
-#edit-custom-field-category {
-	width: 493px;
+#panel div.footer .button span {
+  display: inline-block;
+  background: transparent url(/images/admin/box/buttons/right_bg.png) no-repeat right top;
+  position: relative;
+  top: -1px;
+  padding: 3px 9px 9px 4px;
+  line-height: 21px;
 }
 
-#edit-custom-field-category .inner {
-	padding: 10px 10px 61px 10px;
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  #panel div.footer .button { padding-left: 5px; }
+  #panel div.footer .button span { top: 0px; padding-right: 10px; }
 }
 
-/* ___ form action ___ */
+/* ___ Messages ___ */
+
+div.application-message {
+  font-size: 1.2em;
+  font-weight: bold;
+  padding: 8px;
+  margin: 10px 20px 0 20px;
+  text-align: justify;
+}
 
-#fancybox-inner .popup-actions {
-	position: absolute;
-	left: 0px;
-	bottom: 0px;
-	height: 61px;
-	width: 100%;
-	background: #8b8d9a;
+div#flash-alert {
+  background: #FFE5E5;
+  color: #CE2525;
 }
 
-#fancybox-inner .popup-actions p {
-	padding: 15px;
-	margin: 0px;
-	text-align: right;
+div#flash-notice {
+  background: #c7ff99;
+  color: #58852b;
 }
 
-/*#fancybox-inner .actions a {
-	color: #fff;
-	text-decoration: none;
-	font-size: 0.8em;
-	position: relative;
-	top: 4px;
-}*/