spud_core 0.4.0

data/app/assets/stylesheets/spud/admin/application.css

@@ -0,0 +1,464 @@
+/* ...
+*= require_self
+*= require spud/admin/jquery-ui
+*= require spud/forms
+*/
+html {
+	font-family: Helvetica, Arial;
+	font-size:14px;
+}
+body {
+	background:#eee;
+	margin: 0 0;
+}
+a,a:visited {
+	color:#0073EA;
+	text-decoration:none;
+}
+a:hover {
+	text-decoration:underline;
+}
+a:hover .ui-button-text {
+	color:#fff;
+}
+#header {
+	height:100px;
+	background:rgb(199,90,0);
+	background-image: linear-gradient(top, rgb(199,90,0) 5%, rgb(179,72,0) 53%);
+	background-image: -o-linear-gradient(top, rgb(199,90,0) 5%, rgb(179,72,0) 53%);
+	background-image: -moz-linear-gradient(top, rgb(199,90,0) 5%, rgb(179,72,0) 53%);
+	background-image: -webkit-linear-gradient(top, rgb(199,90,0) 5%, rgb(179,72,0) 53%);
+	background-image: -ms-linear-gradient(top, rgb(199,90,0) 5%, rgb(179,72,0) 53%);
+
+	background-image: -webkit-gradient(
+	linear,
+	left top,
+	left bottom,
+	color-stop(0.05, rgb(199,90,0)),
+	color-stop(0.53, rgb(179,72,0))
+	);
+
+	border-bottom:1px solid rgb(180,72,0);
+	color:#fff;
+}
+#header a,
+#header a:visited {
+	color:#eee;
+	font-weight:normal;	
+}
+.greeting {
+	color:#ddd;
+}
+
+#header #user_meta {
+	float:right;
+	line-height:100px;
+	margin-right:15px;
+}
+
+#header h1 {
+	float:left;
+	color:#fff;
+	margin:0 15px;
+	line-height:100px;
+}
+
+#breadcrumbs {
+	background:#fff;
+	height:25px;
+	border-top:1px solid rgb(200,148,72);
+	border-bottom:1px solid #999;
+	line-height:25px;
+	padding:5px 15px;
+	box-shadow: 0px 0px 10px #888;
+
+}
+#breadcrumbs a,
+#breadcrumbs a:visited {
+	color:#006699;
+	text-decoration:none;
+}
+#breadcrumbs a:hover {
+	color:#006699;
+	text-decoration:underline;
+}
+#breadcrumbs a.active,
+#breadcrumbs a.active:hover {
+	color:#000;
+	text-decoration:none;
+}
+
+#content {
+	padding:15px 15px;
+}
+
+div.admin_application {
+	width:150px;
+	background:#fff;	
+	/*height:150px;*/
+	float:left;
+	
+	text-align:center;
+	border:1px solid transparent;
+	border-radius:10px;
+	margin: 0 10px 20px 10px;
+}
+div.admin_application:hover {
+	background:#fff;
+	border:1px solid #ccc;
+	
+}
+.admin_application a,
+.admin_application a:visited {
+	display:block;
+
+	color:#000;
+	padding:10px 10px;
+	text-decoration:none;
+}
+.admin_application img {
+	width:125px;
+	border:none;
+	height:125px;
+}
+
+#detail_wrapper {
+	background:#fff;
+	width:960px;
+	min-height:300px;
+	border-radius:10px;
+	margin:50px auto 0px auto;
+}
+#detail_wrapper h2
+{
+	
+	display:block;
+	line-height:50px;
+	color:#333;
+}
+#detail_wrapper .thumb_wrapper {
+	display:block;
+	width:100px;
+	height:100px;
+	float:left;
+	
+	margin:-50px 10px 10px 10px;
+}
+#detail_wrapper h2 img {
+	
+	width:100px;
+	
+
+}
+.data_controls {
+	display:block;
+	margin-top:20px;
+	margin-right:10px;
+	float:right;
+}
+.data-table th {
+	position:relative;
+	padding-right:20px;
+}
+#details {
+	padding:0 10px;
+	overflow: hidden;
+}
+#detail_nav_wrapper {
+	float:left;
+	width:225px;
+	min-height:200px;
+}
+#detail_nav {
+	padding-right:5px;
+}
+#detail_main_wrapper {
+	width:705px;
+	min-height:200px;
+	float:left;
+
+}
+#detail_main {
+	padding-left:5px;
+}
+.dataTables_length {
+	float:left;
+		line-height:22px;
+	font-size:12px;
+	margin-left:5px;
+}
+.dataTables_filter {
+	float:right;
+}
+.dataTables_info {
+	float:left;
+	line-height:22px;
+	font-size:12px;
+	margin-left:5px;
+}
+.dataTables_paginate {
+	float:right;
+}
+.dataTables_paginate .ui-button {
+	padding:2px 5px;
+	
+	margin:0 5px;
+}
+.data-table .css_right {
+	position:absolute;
+	right:0;
+	top:1px;
+}
+
+#dialog,
+form {
+	margin:0 auto;
+	/*width:400px;*/
+}
+fieldset {
+    
+    padding: 0;
+    
+    clear:both;
+    width: 100%;
+    margin: 0 auto 1.5em auto;
+    border: 1px solid #BFBAB0;
+    background-color: #F2EFE9;
+    background: #F2EFE9 -webkit-gradient(linear, left top, left 60%, from(#FFFFFF), to(#E9EFF2)) ;
+    background: -moz-linear-gradient(top, #FFFFFF 0%, #E9EFF2 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffE9EFF2);
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffE9EFF2)";
+}
+fieldset p
+{
+	padding:0 20px;	
+}
+legend {
+    margin-left:1em;
+    color: #444;
+    font-weight:bold;
+
+}
+
+form ol,fieldset ol { padding: 1em 1em 0 1em; list-style-type:none;}
+form ol li, fieldset ol li { padding-bottom: 1em;}
+fieldset.submit {
+    border-style:none;
+    background-color: transparent;
+    background: none;
+}
+
+label { display:block;}
+
+.left_aligned_form label {
+    display:inline;
+    float:left;
+    width: 10em;
+    margin-right: 1em;
+}
+
+.left_aligned_form ol li,
+.right_aligned_form ol li
+{
+    float:left;
+    clear:left;
+    width: 100%;
+    padding-bottom:1em;
+}
+
+.left_aligned_form fieldset,
+.right_aligned_form fieldset
+{
+    /*float:left ;*/
+    clear:left;
+    width: 100%;
+    margin: 0 0 1.5em 0;
+    padding: 0;
+}
+
+.left_aligned_form fieldset.submit,
+.right_aligned_form fieldset.submit
+{
+	margin:5px 0;
+    text-align:right;
+    width: auto;
+    border: 0 none #fff;
+    
+}
+
+.right_aligned_form label {
+    float:left ;
+    display:inline;
+    width: 6em;
+    margin-right:1em;
+    
+    text-align: right;
+}
+
+#form_tip
+{
+    position:absolute;
+    bottom:40px;
+    display:none;
+    width:190px;
+/*    margin: 10px 10px 10px 0;*/
+    padding: 10px;
+    background: #FEED77;
+    border: 1px solid #FEDF02;
+    text-align:justify;
+}
+#form_tip.active
+{
+    display:block;
+}
+
+div.field_with_errors {
+    display:inline;
+}
+.formError {
+    display:block;
+    color:#F00;
+    margin-left:100px;
+}
+div.field_with_errors label {
+    color:#F00;
+    background: url(/images/icons/error.png) top left no-repeat;
+}
+
+
+/*Table Layout*/
+.admin-table {
+	width:100%;
+	border:1px solid #eee;
+	border-radius:10px;
+	border-collapse:collapse;
+}
+.admin-table thead tr{
+	background:rgb(199,90,0);
+	color:#fff;
+	
+	border-radius:10px 10px 0 0;
+}
+.admin-table th {
+	font-weight:normal;
+	text-align:left;
+	padding: 5px 10px;
+}
+.admin-table td {
+	vertical-align:top;
+	padding: 5px 10px;
+}
+.admin-table tbody tr{
+	-webkit-transition: background 0.1s ease-in;
+	-moz-transition: background 0.1s ease-in;
+}
+.admin-table tbody tr:nth-child(even){
+	background: #f1f1f1;
+}
+.admin-table tbody tr:hover{
+	background: #FFEDDF;
+}
+.admin-table tbody tr:nth-child(even):hover{
+	background: #FAE7D9;
+}
+
+.info_card {
+	width:400px;
+	padding:0 10px;
+	margin:0 auto;
+	border: 1px solid #BFBAB0;
+    background-color: #F2EFE9;
+    background: #F2EFE9 -webkit-gradient(linear, left top, left 60%, from(#FFFFFF), to(#E9EFF2)) ;
+    background: -moz-linear-gradient(top, #FFFFFF 0%, #E9EFF2 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffE9EFF2);
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffFFFFFF,endColorstr=#ffE9EFF2)";
+}
+.right_floated{
+	float:right;
+}
+.left_floated {
+	float:left;
+}
+.edit_controls {
+	float:right;
+	clear:both;
+	padding:2px;
+}
+.page_list
+{
+	border-top:1px solid #eee;
+	padding-top:10px;
+}
+.page_row {
+	clear:both;
+	/*height:42px;*/
+	line-height:42px;
+	padding-left:5px;
+}
+.page_row:hover {
+	background:#eee;
+}
+.left_guide {
+	border-left:2px solid #999;
+	margin-left:20px;
+}
+.formtab_buttons li {
+	width:auto;
+	clear:none;
+}
+.formtab label {
+	float:none;
+	margin:0;
+}
+.formtab textarea {
+	width:100%;
+	height:200px;
+}
+form h2 {
+	line-height:20px !important; 
+	height:20px;
+}
+/*WYM Editor Styles*/
+/*.wym_skin_default .wym_section h2 {
+	display:none !important;
+}*/
+.wym_tools h2 {
+	display:none !important;
+}
+.wym_status {
+	display:none !important;
+}
+.wym_classes {
+	display:none !important;
+}
+/*Flash Styles*/
+div.flash {
+	padding:10px;
+}
+div.flash.notice {
+	background:#99ff99;
+}
+div.flash.warning {
+	background:#FFFACD;
+}
+div.flash.error {
+	background:#ff9999;
+}
+div.flash h2 {
+	color:white !important;
+	font-size:14px !important;
+}
+div.flash ul {
+	color:white !important;
+	font-size:12px !important;
+}
+
+/* Pagination
+--------------- */
+.spud_admin_pagination{
+	margin: 10px 0;	
+	overflow: hidden;
+}
+.spud_admin_pagination .pagination{
+	float: right;
+}