locomotive_cms 0.0.1

data/public/stylesheets/admin/layout.css

@@ -0,0 +1,175 @@
+body { 
+	background: #000 url(/images/admin/background/body.png) repeat 0 0;
+/*	font-family: Arial,Helvetica,sans-serif;*/
+	font-size: 1em;
+}
+
+.container {
+	width: 966px;
+}
+
+#wrapper {
+	background: transparent url(/images/admin/background/light.png) repeat-x 0 0;
+}
+
+#header {
+	position: relative;
+	padding-top: 20px;
+}
+
+#header h1 {
+	margin-bottom: 0px;
+}
+
+#header h1 a {
+	font-size: 0.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(/images/admin/menu/shadow.png) repeat-y 0 0;
+}
+
+#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.editable { 
+	padding: 2px 25px 2px 6px;
+	text-decoration: none; 
+	color: #1e1f26;
+	outline: none;
+}
+
+#content div.inner h2 a.editable:hover {
+	background: #fffbe5 url(/images/admin/form/pen.png) no-repeat right 5px;
+	border-bottom: 1px dotted #efe4a5;
+}
+
+#content div.inner h3 {
+	background: transparent url(/images/admin/list/item.png) no-repeat 0 0;
+	font-size: 0.9em;
+	font-weight: bold;
+	color: #1e1f26;
+	padding: 7px 0 10px 20px;
+}
+
+#content div.inner p {
+	color: #8b8d9a;
+	font-size: 0.8em;
+}
+
+#content #local-actions-bar {
+	position: absolute;
+	top: 15px;
+	right: 15px;
+}
+
+#content #local-actions-bar a {
+	display: block;
+	float: left;
+	height: 20px;
+	color: #8b8d9a;
+	text-decoration: none;
+	font-size: 0.7em;
+	padding-left: 24px;
+	margin-left: 10px;
+	background: transparent url(/images/admin/buttons/action-left.png) no-repeat 0 0;
+	outline: none;
+}
+
+#content #local-actions-bar a:hover span { text-decoration: underline; }
+
+#content #local-actions-bar a span {
+	display: inline-block;	
+	height: 13px;
+	background: transparent url(/images/admin/buttons/action-right.png) no-repeat right 0;
+	padding: 1px 10px 8px 2px;
+}
+
+/* ___ footer ___ */
+
+#footer {
+	background: transparent url(/images/admin/background/footer.png) no-repeat 0 0;
+}
+
+#footer p {
+	padding: 15px 8px 0 0;
+	font-size: 0.6em;
+	color: #444;
+}
+
+/* ___ 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 { text-decoration: none; font-size: 1.1em; line-height: 20px; color: #505b64; padding-right: 20px; margin: 0 4px; background: transparent url(../../images/admin/nocoffee.gif) no-repeat right 0px; }
+a#nocoffee em { color: #ef3f44; font-weight: normal; font-style: normal; }
+
+a#powered-by { text-decoration: none; font-size: 1.1em; color: #666; }
+a#powered-by:hover{ text-decoration: underline; color: #aaa; }
+
+

data/public/stylesheets/admin/login.css

@@ -0,0 +1,141 @@
+body { background: #000 url(/images/admin/background/body.png) repeat 0 0; } 
+
+#wrapper { 
+	background: transparent url(/images/admin/login/wrapper_bg.png) repeat-x 0 0; 
+	min-height: 400px; 
+} 
+
+#light { 
+	background: transparent url(/images/admin/login/light_bg.png) no-repeat center 0; 
+	min-height: 400px;
+	padding-top: 100px;
+}
+
+#panel {	
+	background: transparent url(/images/admin/login/top_panel_bg.png) no-repeat center 0;
+	width: 356px;
+	height: 344px;
+	padding: 9px 0px 0 0px;
+}
+
+#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;
+}
+
+#panel .inner {
+	background: transparent url(/images/admin/login/content_panel_bg.png) repeat-y center 0;
+	padding: 5px 0px 20px 0px;
+}
+
+#panel fieldset {
+	border: 0px;
+	padding: 0px;
+	margin: 0px;
+}
+
+#panel fieldset ol {
+	width: 260px;
+	list-style: none;
+	padding: 0px;
+	margin: 0px auto 0 auto;
+}
+
+#panel fieldset ol li {
+	margin-top: 20px;
+}
+
+#panel fieldset ol li label {
+	display: block;
+	font-size: 1.2em; 
+	color: #222;
+}
+
+#panel fieldset ol li input {
+	background: white url(/images/admin/login/input_bg.png) no-repeat 0 0;
+	width: 246px;
+	padding: 7px;
+	border: 0px; 
+	font-size: 1.2em; 
+	color: #222; 
+}
+
+#panel fieldset ol li p.inline-errors {
+	padding: 3px 5px;
+	margin: 5px 0px;
+	background: #FFE5E5;
+	color: #CE2525;
+}
+
+#panel p.link {
+	margin: 15px 0 0 49px;	
+}
+
+#panel p.link a {
+	color: #1f82bc;
+	text-decoration: none;
+}
+
+#panel p.link a:hover {
+	text-decoration: underline;
+}
+
+#panel div.footer {
+	background: transparent url(/images/admin/login/bottom_panel_bg.png) no-repeat center 0;
+	text-align: right;
+	margin: 0px 0px 0 0px;
+	padding: 22px 0;
+}
+
+#panel div.footer .button {
+	display: inline-block;
+	background: transparent url(/images/admin/login/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;
+}
+
+#panel div.footer .button span {
+	display: inline-block;
+	background: transparent url(/images/admin/login/buttons/right_bg.png) no-repeat right top;
+	position: relative;
+	top: -1px;
+	padding: 3px 9px 9px 4px;
+	line-height: 21px;
+}
+
+@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; }
+}
+
+/* ___ Messages ___ */
+
+div.application-message {
+	font-size: 1.2em;
+	font-weight: bold;
+	padding: 8px;
+	margin: 10px 20px 0 20px;
+	text-align: justify;
+}
+
+div#flash-alert { 
+	background: #FFE5E5;
+	color: #CE2525;	
+}
+
+div#flash-notice {
+	background: #c7ff99;
+	color: #58852b;
+}
+
+

data/public/stylesheets/admin/menu.css

@@ -0,0 +1,241 @@
+/* ___ menu ___ */
+
+ul#menu {
+	list-style: none;
+	margin: 20px 0 0 0px;
+	padding: 0px;
+	background: transparent url(/images/admin/menu/gray-border.png) no-repeat 0 bottom;
+	height: 41px;
+}
+
+body.assets ul#menu { background-image: url(/images/admin/menu/green-border.png); }
+body.settings ul#menu { background-image: url(/images/admin/menu/blue-border.png); }
+
+ul#menu li {
+	float: left;
+	height: 40px;
+}
+
+ul#menu li a {
+	display: inline-block;
+	padding: 13px 55px 7px 5px;
+	margin-left: 15px;
+	text-decoration: none;
+	color: #787a89;
+	text-shadow: 1px 1px 1px #c5cfd1;
+	font-size: 0.8em;
+	outline: none;
+	height: 19px;
+}
+
+ul#menu li a em { 
+	display: inline-block;	
+	width: 15px;
+	height: 12px;
+	position: relative;
+	top: 2px;
+	margin-right: 4px;
+}
+
+
+ul#menu li.contents { background: url(/images/admin/menu/top-left.png) no-repeat 0 -40px; padding-left: 13px; }
+ul#menu li.contents a { background: url(/images/admin/menu/top.png) repeat-x 0 -40px; margin-left: 0px; padding-right: 5px; padding-left: 5px; }
+ul#menu li.contents a em { background: transparent url(/images/admin/menu/icons/folder.png) no-repeat 0 0; }
+
+body.contents ul#menu li.contents { background-position: 0 0px; }
+body.contents ul#menu li.contents a { background-position: 0 0px; color: white; text-shadow: none; }
+body.contents ul#menu li.contents a em { background-position: 0 -12px; }
+body.settings ul#menu li.contents { background-position: 0 -80px; }
+body.settings ul#menu li.contents a { background-position: 0 -80px; }
+
+ul#menu li.assets { background: url(/images/admin/menu/left.png) no-repeat 0 -40px; padding-left: 35px; }
+ul#menu li.assets a em { background: transparent url(/images/admin/menu/icons/settings.png) no-repeat 0 0; height: 14px; }
+body.contents ul#menu li.assets { background-position: 0 0px; }
+body.assets ul#menu li.assets { background-position: 0 -80px; }
+body.assets ul#menu li.assets a { background-position: right -80px; color: white; text-shadow: none; }
+body.assets ul#menu li.assets a em { background-position: 0 -15px; }
+
+ul#menu li.assets { background: url(/images/admin/menu/left.png) no-repeat 0 -40px; padding-left: 35px; }
+ul#menu li.assets a { background: url(/images/admin/menu/right.png) no-repeat right 0px;  }
+body.contents ul#menu li.assets { background-position: 0 0px; }
+body.settings ul#menu li.assets { background-position: 0 -200px; }
+body.settings ul#menu li.assets a { background-position: right -400px; }
+
+ul#menu li.settings { background: none; }
+ul#menu li.settings a { background: url(/images/admin/menu/right.png) no-repeat right -40px; margin-left: 0px; }
+ul#menu li.settings a em { background: transparent url(/images/admin/menu/icons/settings.png) no-repeat 0 0; height: 14px; }
+body.settings ul#menu li.settings a { background-position: right -440px; color: white; text-shadow: none; }
+body.settings ul#menu li.settings a em { background-position: 0 -30px; }
+body.contents ul#menu li.settings { background-position: 0 0px; }
+body.assets ul#menu li.settings a { background-position: right -120px; }
+
+
+ul#menu li.clear { float: none; height: 1px; }
+
+/* ___ submenu ___ */
+
+#submenu {
+	background: transparent url(/images/admin/menu/shadow.png) repeat-y 0 0;
+	height: 60px;
+	position: relative;
+}
+
+#submenu div.action {
+	position: absolute;
+	top: 18px;
+	right: 22px;
+}
+
+#submenu div.action a {
+	display: block;
+	float: left;
+	height: 20px;
+	color: white;
+	text-decoration: none;
+	font-size: 0.7em;
+	padding-left: 26px;
+	background: transparent url(../../images/admin/buttons/add-left.png) no-repeat 0 0;
+	outline: none;
+}
+
+#submenu div.action a:hover span { text-decoration: underline; }
+
+#submenu div.action a span {
+	display: inline-block;	
+	height: 13px;
+	background: transparent url(../../images/admin/buttons/add-right.png) no-repeat right 0;
+	padding: 1px 12px 10px 0px;
+	text-shadow: 1px 1px 1px #000;
+}
+
+#submenu > ul {
+	width: 950px;
+	height: 46px;
+	list-style: none;
+	margin: 0px 8px 0 8px;
+	padding: 14px 0 0 0px;
+	clear: both;
+}
+
+#submenu > ul > li {
+	display: block;
+	float: left;
+	margin-left: 8px;
+	position: relative;
+	z-index: 999;
+}
+
+#submenu > ul > li > a {
+	display: block;
+	float: left;
+	height: 31px;
+	color: white;
+	text-decoration: none;
+	font-size: 0.8em;
+	padding-left: 15px;
+	background: transparent url(../../images/admin/buttons/emboss-left.png) no-repeat 0 0;
+	outline: none;
+}
+
+#submenu > ul > li > a span {
+	display: inline-block;	
+	height: 17px;
+	background: transparent url(../../images/admin/buttons/emboss-right.png) no-repeat right 0;
+	padding: 4px 28px 10px 0px;
+	text-shadow: 1px 1px 1px #000;
+}
+
+#submenu > ul > li.links a span em {
+	display: inline-block;
+	background: transparent url(/images/admin/menu/arrow.png) no-repeat 0 0;
+	width: 16px;
+	height: 9px;
+	position: relative;
+	top: 2px;
+	left: 4px;
+}
+
+#submenu > ul > li.on a { background-position: 0 -31px; }
+#submenu > ul > li.on a span { background-position: right -31px; }
+#submenu > ul > li.on a span em { background-position: 0 -9px; }
+
+#submenu > ul > li.hover > a { background-position: 0 -186px; color: #8b8d9a; }
+#submenu > ul > li.hover > a span { background-position: right -186px; text-shadow: none; }
+#submenu > ul > li.hover > a span em { background-position: 0 -18px; }
+
+
+body.assets #submenu > ul > li > a { background-position: 0 -62px; }
+body.assets #submenu > ul > li > a span { background-position: right -62px; }
+body.assets #submenu > ul > li.on > a { background-position: 0 -93px; }
+body.assets #submenu > ul > li.on > a span { background-position: right -93px; }
+
+body.settings #submenu > ul > li > a { background-position: 0 -124px; }
+body.settings #submenu > ul > li > a span { background-position: right -124px; }
+body.settings #submenu > ul > li.on > a { background-position: 0 -155px; }
+body.settings #submenu > ul > li.on > a span { background-position: right -155px; }
+
+body.contents #submenu > ul { background: transparent url(/images/admin/menu/gray-bg.png) repeat-x 0 0; }
+body.assets #submenu > ul { background: transparent url(/images/admin/menu/green-bg.png) repeat-x 0 0; }
+body.settings #submenu > ul { background: transparent url(/images/admin/menu/blue-bg.png) repeat-x 0 0; }
+
+/* ___ popup ___ */
+
+#submenu .popup { 
+	z-index: 998;
+	position: absolute;
+	top: 27px;
+	margin-left: -4px;
+	width: 305px; 
+	background: transparent url(/images/admin/menu/popup-footer.png) no-repeat 0 bottom;
+	padding-bottom: 25px;
+}
+
+#submenu .popup a { color: #1f82bc; text-decoration: none; }
+#submenu .popup a:hover { text-decoration: underline; }
+
+#submenu .popup .header {
+	background: transparent url(/images/admin/menu/popup-header.png) no-repeat 0 0;
+	width: 100%;	
+}
+
+#submenu .popup .header p { margin: 0px 15px; padding: 10px 0 0 0px; }
+#submenu .popup .header p a {
+	font-size: 0.8em;	
+	background: transparent url(/images/admin/menu/icons/add.png) no-repeat left 4px;
+	padding-left: 12px;
+}
+
+#submenu .popup .inner {
+	background: transparent url(/images/admin/menu/popup-body.png) repeat-y 0 0;	
+	padding: 6px 15px 0px 15px;
+}
+
+#submenu .popup .inner h2 {
+	font-size: 0.7em;
+	font-weight: bold;
+	color: #1e1f26;
+	border-top: 1px dotted #bbbbbd;
+	padding-top: 6px;
+	margin-bottom: 0px;
+}
+
+#submenu .popup .inner ul {
+	list-style-image: url(/images/admin/menu/icons/bullet.png);
+	margin: 0px 0px 0 15px;
+}
+
+#submenu .popup .inner ul li {
+	position: relative;
+}
+
+#submenu .popup .inner ul li a {
+	font-size: 0.7em;
+}
+
+#submenu .popup .inner ul li span {
+	position: absolute;
+	top: 6px;
+	right: 15px;
+	color: #8b8d9a;
+	font-size: 0.7em;
+}