casein 4.0.0 → 5.0.0.0

data/app/assets/stylesheets/casein/casein-bootstrap-overrides.css.scss

@@ -0,0 +1,76 @@
+/* BOOTSTRAP OVERRIDES */
+
+.alert {
+	line-height: 22px;
+	padding: 10px 15px 10px 15px;
+}
+
+.navbar-toggle {
+	top: 54px;
+	left: 15px;
+}
+
+.navbar-brand {
+	padding-top: 10px;
+	padding-bottom: 25px;
+}
+
+.navbar-nav > li > a:hover,
+.navbar-nav > li > a:focus {
+	color: #000000;
+  border: 1px solid #cdcdcd;
+  padding: 14px 9px 14px 9px;
+}
+
+.navbar-nav > .active > a,
+.navbar-nav > .active > a:hover,
+.navbar-nav > .active > a:focus {
+	color: #000000;
+  border: 0px;
+  padding: 15px 10px 15px 10px;
+}
+
+.navbar-nav > li > a {
+	color: #555555;
+	padding: 15px 10px 15px 10px;
+	margin: 3px 0px 3px 0px;
+	border-radius: 6px;
+}
+
+.pagination {
+	margin: 10px 0px 0px 0px;
+}
+
+@media screen and (min-width: 768px) {
+
+	.navbar-brand {
+		padding-top: 5px;
+		padding-bottom: 5px;
+		margin-left: 1px;
+	}
+
+	.navbar-nav {
+		margin-top: 15px;
+		margin-bottom: 15px;
+	}
+
+	.navbar-nav > li > a:hover,
+	.navbar-nav > li > a:focus {
+	  border: 1px solid #cdcdcd;
+	  padding: 4px 9px 4px 9px;
+	}
+
+	.navbar-nav > .active > a,
+	.navbar-nav > .active > a:hover,
+	.navbar-nav > .active > a:focus {
+	  border: 0px;
+	  padding: 5px 10px 5px 10px;
+	}
+
+	.navbar-nav > li > a {
+		padding: 5px 10px 5px 10px;
+		margin: 5px 5px 5px 5px;
+		border-radius: 6px;
+	}
+
+}

data/app/assets/stylesheets/casein/casein.css.scss

@@ -1,4 +1,259 @@
 /*
- *= require ./elements.css.scss
- *= require ./screen.css.scss
-*/
+ *= require ./bootstrap.css
+ *= require ./bootstrap-glyphicons.css
+ *= require ./casein-bootstrap-overrides.css
+*/
+
+/* CASEIN LAYOUT */
+
+@media (min-width: 992px){
+
+    #left-column {
+    	float: left;
+    }
+
+    #right-column {
+    	float: right;
+    }
+
+}
+
+/* CASEIN NAVIGATION BAR */
+
+.casein-tab-separator {
+	display: none;
+}
+
+@media (min-width: 768px){
+    .casein-tab-separator {
+    	display: block;
+    	float: left;
+    	width: 9px;
+		height: 12px;
+		border-right: 1px solid #cdcdcd;
+		margin-right: 10px;
+		margin-top: 15px;
+	}
+}
+
+#user-info {
+	font-size: 12px;
+	padding-top: 10px;
+	height: auto;
+}
+
+#user-info ul {
+	list-style: none;
+	float: right;
+}
+
+#user-info li {
+	float: left;
+	border-right: 1px solid #ddd;
+	padding: 3px 8px 3px 8px;
+	margin: 0;
+	color: #888;
+}
+
+#user-info li.last-item {
+	border-right: none;
+}
+
+#user-info li a {
+	color: #555;
+	text-decoration: none;
+}
+
+#user-info li a:hover {
+	color: #000;
+	border-bottom: 1px solid #000;
+}
+
+#user-info li.signout:hover {
+	border-radius: 6px;
+	background-color: #da0404;
+}
+
+#user-info li.signout a:hover {
+	color: #eee;
+	border-bottom: none;
+}
+
+#user-info li.signout:hover a {
+	color: #eee;
+}
+
+/* CASEIN CONTENT GENERAL */
+
+.password-checkbox {
+	margin-bottom: 15px;
+}
+
+small.pagination-details {
+	font-size: 0.5em;
+}
+
+div#content {
+	margin-bottom: 20px;
+}
+
+#content h2 {
+	font-size: 20px;
+	font-weight: bold;
+	color: #111;
+	border-bottom: 2px solid #eee;
+	padding: 0 0 10px 0;
+	margin: 0 0 15px 0;
+	position: relative;
+	line-height: 26px;
+}
+
+.content-bottom-padding {
+	padding-bottom: 20px;
+}
+
+footer p {
+	font-size: 10px;
+	text-align: right;
+	color: #ccc;
+}
+
+footer p a {
+	color: #ccc;
+}
+
+footer p a:hover {
+	color: #aaa;
+}
+
+.icon {
+	position: relative;
+	top: 1px;
+	float: left;
+	height: 14px;
+	width: 14px;
+	margin-right: 5px;
+	font-size: 14px;
+	padding: 0px;
+	vertical-align: baseline;
+}
+
+/* CASEIN TABLES */
+
+#content .table {
+	border-collapse: collapse;
+	width: 100%;
+	font-size: 12px;
+	border-bottom: 2px solid #ccc;
+}
+
+#content .table .center {
+	text-align: center;
+}
+
+#content .table .icon {
+	width: 16px;
+}
+
+#content .table thead {
+	border-bottom: 2px solid #ccc;
+}
+
+#content .table th div.table-header-icon {
+	display: inline-block;
+	margin-left: 5px;
+	width: 12px;
+	height: 12px;
+	color: #555;
+	position: relative;
+	top: 1px;
+}
+
+#content .table td {
+	padding: 0px;
+	font-size: 12px;
+	margin: 0px;
+	line-height: 18px;
+}
+
+#content .table td a {
+	display: block;
+	color: #333;
+	text-decoration: none;
+	padding: 15px 10px 15px 10px;
+}
+
+#content .table td .no-link {
+	display: block;
+	color: #333;
+	padding: 15px 10px 15px 10px;
+}
+
+.iconRow {
+	height: 16px;
+	width: 16px;
+	padding: 2px;
+	font-size: 12px;
+}
+
+#content .table td.delete {
+	width: 30px;
+}
+
+#content .table td.delete:hover .iconRow {
+	border-radius: 4px;
+	background-color: #da0404;
+	color: #ffffff;
+}
+
+#content .table td.delete a {
+	padding: 13px 10px 0px 10px;
+}
+
+#content .submits {
+	width: 100%;
+	text-align: right;
+	border-radius: 4px;
+	font-size: 12px;
+	padding: 10px 10px;
+	background-color: #eee;
+	margin-bottom: 30px;
+}
+
+/* CASEIN FORMS */
+
+label.control-label small {
+	font-weight: normal;
+	color: #666;
+	margin-left: 5px;
+	font-size: 0.8em; 
+}
+
+.casein-date-select select {
+	width: 28%;
+	display: inline-block;
+	margin-left: 2%;
+	margin-right: 2%
+}
+
+.casein-time-select select {
+	width: 44%;
+	display: inline-block;
+	margin-left: 2%;
+	margin-right: 2%
+}
+
+.casein-datetime-select select {
+	width: 27%;
+	display: inline-block;
+	margin-left: 2%;
+	margin-right: 2%;
+	margin-bottom: 20px;
+}
+
+@media (min-width: 992px){
+    div.col-lg-12 .casein-datetime-select select {
+		width: 14%;
+	margin-bottom: 0px;
+	}
+}

data/app/assets/stylesheets/casein/login.css.scss

@@ -1,137 +1,76 @@
-/* CASEIN LOGIN         */
-
-* {
-	margin: 0;
-	padding: 0;
-}
+/*
+ *= require ./bootstrap.css
+ *= require ./bootstrap-glyphicons.css
+ *= require ./casein-bootstrap-overrides.css
+*/
 
 body {
-	background: #efefef;
-	text-align: center;
-	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
-}
-
-a {
-	outline: none;
-}
-
-#header {
-	background: #efefef image-url('casein/login/top.png') repeat-x bottom left;
-	padding: 80px 0 40px 0;
-}
-
-#header h1 a img {
-	border: 0;
-}
-
-#header h1 a {
-	display: block;
-	width: 230px;
-	height: 33px;
-	margin: 0 auto;
-}
-
-#content {
-	background: #fff image-url('casein/login/bottom.png') repeat-x bottom left;
-	padding: 70px 0;
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
 
-#content label {
-	display: block;
-	font-size: 12px;
-	padding: 0 0 5px 0;
-	color: #444;
+.container-narrow {
+  margin: 0 auto;
+  max-width: 400px;
 }
 
-#content .text {
-	width: 318px;
-	margin: 0 auto;
-	text-align: left;
-}
-
-#content .text h3 {
-	color: #444;
-	font-size: 12px;
-	margin: 0 0 5px 0;
-	text-align: left;
-}
-
-#content .caseinTextField {
-	width: 292px;
-	padding: 8px 12px 7px 12px;
-	background: #efefef;
-	margin: 0 0 5px 0;
-}
-
-#content .submit_remember {
-	width: 318px;
-	text-align: left;
-	margin: 10px auto 0 auto;
-	font-size: 11px;
-	color: #444;
-}
-
-#content .caseinSubmit {
-	background: #338018;
-	border: medium none;
-	color: #fff;
-	font-size: 10px;
-	padding: 4px 5px 5px 5px;
-	cursor: pointer;
+.alert {
+	text-align: center;
 }
 
-#content .caseinSubmit:hover {
-	background: #4ebf26;
+.brand {
+	margin-top: 20px;
+	margin-bottom: 40px;
 }
 
-#content .caseinSubmitBlue {
-	background: #5990CE;
-	border: medium none;
-	color: #fff;
-	font-size: 10px;
-	padding: 4px 5px 5px 5px;
-	cursor: pointer;
+.form-group .checkbox-inline label {
+	margin-top: 5px;
+	margin-bottom: 20px;
+	font-weight: normal;
 }
 
-#content .caseinSubmitBlue:hover {
-	background: #71b4ff;
+.form-group .checkbox-inline input[type="checkbox"] {
+	margin-top: 1px;
 }
 
-#content .error {
-	height: auto;
-	font-size: 11px;
-	color: #c30;
-	width: 318px;
+.form-group input {
 	text-align: center;
-	margin: 0 auto 10px auto;
 }
 
-#content .notice {
-	height: auto;
-	font-size: 11px;
-	color: green;
-	width: 318px;
-	text-align: center;
-	margin: 0 auto 10px auto;
+.jumbotron {
+  padding: 20px;
+  margin-bottom: 20px;
+  font-size: 14px;
+  line-height: 1;
+  background-color: #eeeeee;
+  text-align: center;
+  border-bottom: 1px solid #e5e5e5;
 }
 
-#recover {
-	padding: 30px 0 0 0;
-	display: none;
+footer p {
+	font-size: 13px;
+	text-align: center;
+	color: #888;
 }
 
-#footer {
-	padding: 25px;
-	font-size: 11px;
+footer p a {
 	color: #555;
 }
 
-#footer a {
-	font-size: 11px;
-	color: #4d8bb3;
+footer p a:hover {
+	color: #000;
 	text-decoration: none;
 }
 
-#footer a:hover {
-	color: #222;
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    border-bottom: 0;
+    padding: 20px;
+    border-radius: 6px;
+  }
+
+  body {
+  	padding-top: 40px;
+  	padding-bottom: 20px;
+  }
 }