padma-assets 0.1.32 → 0.2.0

data/app/assets/stylesheets/header.css.erb

@@ -1,7 +1,6 @@
 @charset "utf-8";
-/* CSS Document */
+/*
 
-/* Search Button */
 input[class="submit_search"] {
 	width: 25px;
 	height: 25px;
@@ -12,7 +11,6 @@ input[class="submit_search"] {
 
 nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 
-/* Module Area Styles  */
 
 #H_moduleArea {
 	width:auto;
@@ -21,21 +19,16 @@ nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 	font-family: 'Gotham-Medium';
 }
 
-
-/* Main Area Styles  */
-
 #H_mainArea {
 	overflow: visible;
 	height:38px;
 	background-color:#E5E5E5;
-	background: #f1f2f2; /* fallback */
-	background: -moz-linear-gradient(top, #FFF, #f1f2f2); /* FF3.6 en adelante*/
-	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #f1f2f2)); /* Saf4+, Chrome en adelante*/
-	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* CSS3 con -moz- & -webkit prefix for application on firefox + chrome */
+	background: #f1f2f2;
+	background: -moz-linear-gradient(top, #FFF, #f1f2f2);
+	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #f1f2f2));
+	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
 }
 
-/* Logo Box Styles */
-
 #H_logoBox {
 	width:79px;
 	height:100%;
@@ -49,16 +42,14 @@ nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 	background:url('logo_30px.png') no-repeat center center;
 }
 
-/* Scope Select Styles */
-
 #H_scopeSelect {
 	float:left;
 	width:32px;
 	height:24px;
 	border: 1px solid #CCC;
-	-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; /* CSS3 con -moz- & -webkit prefix for application on firefox + chrome */
+	-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
 	list-style:none outside none; 
-	background-color:#F5F5F5; 	/* TODO: CSS3 Backround Color Gradient */
+	background-color:#F5F5F5;
 }
 
 #H_scopeSelect span {
@@ -81,8 +72,6 @@ nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 	background:url('icon_sprite_grid_8px.png') -80px -8px no-repeat;
 }
 
-/* Scope List Styles */
-
 #H_scopeList {
 	display:none;
 	position:absolute;
@@ -131,8 +120,6 @@ nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 	background-color:red;
 }
 
-/* Search Field Classes */
-
 #H_searchForm input[id="searchField"] {
 	height:16px;
 	width:139px;
@@ -143,7 +130,6 @@ nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 	margin-right:5px;
 }
 
-/* Dinamic Classes */
 
 #H_scopeList.show {
 		display:block;
@@ -157,130 +143,4 @@ nav.subnav input[class="submit_search"]{ border:none; height:22px;}
 	background:url('icon_sprite_grid_16px.png') -144px -80px no-repeat;
 }
 
-/* NEW HEADER */
-
-#H_logo.navbar-brand { background:url(<%= asset_path "logo-padma-w.png" %>) no-repeat scroll center left rgba(0, 0, 0, 0) ; height:47px; margin:0 10px 0 0; width:53px; padding:0!important;}
-nav.navbar{max-width:1200px; background:none; margin:0 auto;}
-#H_moduleArea .navbar-inverse .navbar-nav > li > a{ color:#ffffff; font-family: 'Gotham-Medium', verdana; font-weight:normal;font-size:11px; text-transform:uppercase; line-height:22px;}
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-nav li.current > a { font-weight:normal; background:#25669e;}
-.navbar-nav li.current > a, .navbar-nav li.current > a:hover{ background:#25669e; }
-.navbar-nav > li > a.tipsyS{ background:#1f9dd9; color:#ffffff; margin:0 10px 0 0; height:52px; line-height:52px !important; padding:0 10px !important; }
-.navbar-nav > li > a.tipsyS:hover{ background:#1d8ec4!important; color:#ffffff;}
-.navbar-static-top{ border-width:0 !important;}
-.dropdown-header{ border-bottom:1px solid #cccccc; color:#666; font-size:12px; margin-bottom: 6px; overflow: hidden; padding:7.5px 20px; text-overflow: ellipsis; text-transform:uppercase; white-space: nowrap; }
-.dropdown-menu li + .dropdown-header {
-	margin-top: 6px;
-}
-.navbar-toggle{ margin: 17.5px 20px !important;}
-.navbar-nav > li > .dropdown-menu{ max-height:400px; overflow-x: hidden; overflow-y: auto; text-transform:none; background:#ffffff; border:none;}
-.navbar-nav > li > .dropdown-menu a{ text-transform:none; font-size:11px; color:#333333; line-height: 1.42857143; display: block; padding:3px 20px;}
-@media (min-width: 768px) {
-	.navbar-nav > li > .dropdown-menu a {
-		max-width: 260px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-}
-.navbar-inverse .navbar-nav > li .dropdown-menu li a:hover{ background:#f5f5f5; color:#000000;text-decoration: none;}
-#H_moduleArea  a#username{  padding:0 10px 0 30px; height:52px; line-height:50px; background-position: left center!important; text-transform:none; }
-#H_moduleArea .navbar-inverse .navbar-toggle{ border:none;-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
-#H_moduleArea  .navbar-header{ border:none;}
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:none;}
-.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background:none;}
-#H_moduleArea .navbar-inverse .navbar-toggle:hover{ background:#266397;}
-#H_moduleArea .navbar-right{margin-right:0;}
-.navbar-nav li:hover .dropdown-menu { display: block; }
-.navbar-inverse .navbar-nav li > a:hover{ background:#25669e;}
-
-nav.subnav{ background:none; font-family: 'Gotham-Medium', verdana; font-weight:normal; font-size:11px; background:#f5f5f5; height: 54px;}
-nav.subnav .wrapper{ max-width:1200px; margin:0 auto; overflow:hidden; position:relative;}
-nav.subnav h2, nav.subnav h2 a{ display:inline-block; font-size:11px; line-height:54px; float:left;text-transform:uppercase; color:#2d74b2; margin:0;  padding:0 10px; text-decoration:none;}
-nav.subnav h2 a {background:#eaeaea;}
-nav.subnav h2 a:hover{ background:#e0e0e0;}
-nav.subnav ul{ display:inline-block; margin:10px 0 0;}
-nav.subnav form{ display:inline-block; float:right; margin:10px 0 0;}
-nav.subnav input, nav.subnav select{ border:1px solid #cccccc; line-height:32px; height:32px;}
-nav.subnav  nav > li > a{ padding:8px;}
-.subnav .glyphicon{ font-size:18px;}
-.subnav a span{ color:#337ab7;}
-.subnav .s_search{ float:right; margin:4px 0 0 10px;}
-.subnav a span:hover{ color:25669e;}
-
-
-@media (max-width:1200px){
-	#H_logo.navbar-brand{ margin:0 0 0 10px;} 
-	nav.subnav .wrapper{ max-width:96%;}
-}
-@media (max-width:844px){ 
-.nav > li > a{ padding:10px 8px; }
-#H_moduleArea .navbar-inverse .navbar-nav > li > a {line-height:32px;}
-.navbar-nav > li > a.tipsyS {line-height:52px;}
-}
-
-@media (max-width:767px){ 
-#H_logo.navbar-brand{ margin:10px;} 
-	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
-	.navbar-inverse .navbar-nav .open .dropdown-menu a {
-		border:none!important;
-		color:#ffffff;
-		padding:14px 0;
-		text-align: center;
-	}
-	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
-	.navbar-inverse .navbar-nav .open .dropdown-menu a:hover {
-		background-color: #1b4d78;
-		color: #fff;
-	}
-	.navbar-nav > li > .dropdown-menu a {
-		padding-bottom: 10px;
-		padding-top: 10px;
-	}
-	#refresh-lists-list-menu {
-		padding: 0;
-	}
-.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header{border:none!important;}
-.navbar-nav .open .dropdown-menu{ padding:0;}
-.navbar-nav{ margin:0!important}
-.navbar-nav li:hover .dropdown-menu { display: none; }
-.navbar-nav li.open:hover .dropdown-menu { display: block; }
-.navbar-nav > li > a.tipsyS{ margin:0; line-height:52px!important;}
-#H_moduleArea .navbar-inverse .navbar-nav > li > a{ text-align:center;}
-.navbar-collapse{ padding-right:0;}
-#H_moduleArea a#username{ background-position:42% 42% !important;}
-.nav > li:first-child > a{ border-top:none;}
-.nav > li > a{ padding:10px 0; border-top:1px solid #25669e;}
-.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{   border-top:1px solid #25669e;}
-.nav > li.open:hover > a{ border-top:none;}
-#navbar{ width:100%; overflow:hidden; padding:0!important;}
-.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ max-width:100%; padding:14px 0; text-align:center;}
-.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:#1e5788!important;}
-.dropdown-header{ background:#1e5788; text-align:center; color:#ffffff;}
-li.dropdown-header:hover{ background:#1e5788!important;}
-.navbar-collapse{box-shadow:none;}
-.nav > li > a#username{ border:none;}
-.navbar-nav .open .dropdown-menu { background-color:#1c517f;}
-.dropdown-menu li:hover, .dropdown-menu li:active{ background:#1b4d78;}
-.dropdown-menu li.dropdown-header:hover, .dropdown-menu li.dropdown-header:active { background:#1c517f;}
-.navbar-nav > li > .dropdown-menu{ max-height:inherit;}
-	.dropdown-form {
-		padding: 10px 20px;
-	}
-}
-
-@media (max-width:520px){ 
-#H_moduleArea a#username{ background-position:33% 42% !important;}
-}
-
-@media (min-width: 768px) {
-	#refresh-lists-list-menu {
-		cursor: pointer;
-		line-height: 1.42857143;
-		padding: 1px;
-		text-align: center;
-		width: 20px;
-	}
-	.dropdown-form {
-		padding: 3px 10px;
-	}
-}
+*/

data/app/assets/stylesheets/header.scss

@@ -0,0 +1,364 @@
+// Import colors-ui
+@import "custom/colors";
+
+// Declare new variables
+$font-navbar: 'Gotham-Medium', verdana;
+$bg-navbar: #25669e;
+$bg-header: #0971b7;
+$bg-btn-new-contact: #1f9dd9;
+$bg-btn-new-contact-hover: #1d8ec4;
+$bg-link-responsive: #1c517f;
+$bg-link-responsive-hover: #1b4d78;
+
+#header {
+	.container {
+		width: 100%;
+	}
+	.navbar {
+		background-color: $bg-header;
+	}
+	.breadcrumb {
+		margin-bottom: 30px;
+		padding: 0;
+	}
+}
+
+@media (min-width: 1200px) {
+	#header {
+		.container {
+			max-width: 1200px;
+			width: 100%;
+		}
+	}
+}
+
+.navbar-brand {
+	@media (max-width: 767px) {
+		margin: 10px;
+	}
+	background: url("/assets/logo-padma-w.png") no-repeat scroll center left;
+	height: 47px;
+	margin: 0 10px 0 0;
+	padding: 0;
+	width: 53px;
+}
+
+.navbar-inverse {
+	.navbar-nav {
+		> li {
+			@media (max-width: 767px) {
+				&.open {
+					.dropdown-menu {
+						> li {
+							> a {
+								color: #fff;
+							}
+						}
+					}
+				}
+			}
+			@media (min-width: 768px) {
+				&:hover {
+					.dropdown-menu {
+						display: block;
+					}
+				}
+			}
+			&.open,
+			&.current {
+				> a,
+				> a:focus,
+				> a:hover {
+					background-color: $bg-navbar;
+				}
+			}
+			> a {
+				color: #fff;
+				font: {
+					family: $font-navbar;
+					size: 11px;
+					weight: normal;
+				}
+				text-transform: uppercase;
+				&:hover {
+					background-color: $bg-navbar;
+				}
+				@media (max-width: 767px) {
+					border-top: 1px solid $bg-navbar;
+					padding: 10px 0;
+				}
+				&#username {
+					background-position: left center!important;
+					padding-left: 30px;
+					text-transform: none;
+					@media (max-width: 520px) {
+						background-position: 33% 42% !important;
+					}
+					@media (max-width: 767px) {
+						background-position: 42% 42% !important;
+					}
+				}
+				&.new-contact {
+					background-color: $bg-btn-new-contact;
+					@media (min-width: 992px) {
+						margin-right: 10px;
+					}
+					text-shadow: 0 -1px 0 rgba(#000,.1);
+					&:hover {
+						background-color: $bg-btn-new-contact-hover;
+					}
+				}
+			}
+		}
+		.dropdown-menu {
+			border: none;
+			font: {
+				family: $font-navbar;
+			}
+  			max-height: 400px;
+  			@media (max-width: 767px) {
+  				max-height: none;
+  				padding: 0;
+  			}
+  			@media (min-width: 768px) {
+				border-bottom: 1px solid #ccc;
+			}
+			@media (min-width: 1200px) and (max-height: 1080px) {
+				max-height: 500px;
+			}
+			overflow-x: hidden;
+  			overflow-y: auto;
+			> li {
+				> a {
+					color: #333;
+					font: {
+						family: $font-navbar;
+						size: 11px;
+					}
+					max-width: 250px;
+					@media (max-width: 767px) {
+						background-color: $bg-link-responsive;
+						color: #fff;
+						max-width: none;
+					}
+					@media (min-width: 1200px) {
+						max-width: 300px;
+					}
+					overflow: hidden;
+					padding-bottom: 5px;
+					padding-top: 5px;
+					text-overflow: ellipsis;
+					white-space: nowrap;
+					@media (min-width: 768px) {
+						&:hover {
+							background-color: #f5f5f5;
+							color: #333;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+.navbar-inverse {
+	.navbar-nav {
+		.dropdown-menu {
+			li {
+				a {
+					color: #333;
+					display: block;
+					font: {
+						family: $font-navbar;
+						size: 11px;
+						weight: normal;
+					}
+					line-height: 1.42857143;
+					padding: 3px 20px;
+					@media (max-width: 767px) {
+						background-color: $bg-link-responsive;
+						color: #fff;
+						max-width: none;
+						padding-bottom: 10px;
+						padding-top: 10px;
+						&:hover,
+						&:focus {
+							background-color: $bg-link-responsive-hover;
+							text-decoration: none;
+						}
+					}
+					@media (min-width: 768px) {
+						max-width: 250px;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						white-space: nowrap;
+						&:hover {
+							background-color: #f5f5f5;
+							color: #333;
+							text-decoration: none;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+@media (min-width: 768px) {
+	#refresh-lists-list-menu {
+		line-height: 1.42857143;
+		margin-right: -20px;
+		padding: 1px;
+		text-align: center;
+		width: 20px;
+	}
+}
+
+.navbar-inverse {
+	.navbar-nav {
+		@media (max-width: 767px) {
+			margin: 0;
+		}
+		> li {
+			a {
+				@media (max-width: 767px) {
+					text-align: center;
+				}
+			}
+			a#username {
+				&:hover {
+					background-color: $bg-navbar !important;
+				}
+				@media (max-width: 767px) {
+					border: none;
+				}
+			}
+		}
+		> .open {
+			@media (max-width: 767px) {
+				.dropdown-menu {
+					> li {
+						> a {
+							&:focus,
+							&:hover {
+								background-color: $bg-link-responsive-hover;
+							}
+						}
+					}
+				}
+			}
+			a#username {
+				background-color: $bg-navbar !important;
+			}
+		}
+	}
+}
+
+// Breadcrumb
+@media (min-width: 768px) {
+	.breadcrumb-inner {
+		-webkit-box-align: center;
+		-webkit-align-items: center;
+		-ms-flex-align: center;
+		align-items: center;
+		display: -webkit-box;
+		display: -webkit-flex;
+		display: -ms-flexbox;
+		display: flex;
+		height: 54px;
+	}
+	.breadcrumb-nav {
+		-webkit-box-flex: 1;
+		-webkit-flex: 1;
+		-ms-flex: 1;
+		flex: 1;
+		margin-left: -10px;
+	}
+	.breadcrumb-form {
+		-webkit-box-flex: 0;
+		-webkit-flex: none;
+		-ms-flex: none;
+		flex: none;
+		margin-left: 10px;
+	}
+}
+
+.breadcrumb-nav {
+	font: {
+		family: $font-navbar;
+		size: 11px;
+	}
+	.nav-item {
+		color: #2d74b2;
+		display: inline-block;
+		text-transform: uppercase;
+		vertical-align: middle;
+		@media (max-width: 767px) {
+			padding-bottom: 15px;
+			padding-top: 15px;
+			-webkit-transition: padding .2s ease-in;
+			transition: padding .2s ease-in;
+		}
+		+ .nav-item {
+			a {
+				background-color: #eaeaea;
+				&:hover {
+					background-color: #e0e0e0;
+				}
+			}
+		}
+		a {
+			display: block;
+			padding: 19.5px 10px;
+			&:hover {
+				text-decoration: none;
+			}
+		}
+	}
+}
+
+.breadcrumb-form {
+	.form-inline {
+		margin-bottom: 0;
+	}
+	.search-btn {
+		background: url('search.svg') 0 0 no-repeat;
+		border: none;
+		display: inline-block;
+		height: 25px;
+		vertical-align: middle;
+		width: 25px;
+	}
+}
+
+@media (max-width: 767px) {
+	.breadcrumb-form {
+		> form {
+			-webkit-box-align: center;
+			-webkit-align-items: center;
+			-ms-flex-align: center;
+			align-items: center;
+			display: -webkit-box;
+			display: -webkit-flex;
+			display: -ms-flexbox;
+			display: flex;
+			> .select,
+			> .form-control {
+				-webkit-box-flex: 1;
+				-webkit-flex: 1;
+				-ms-flex: 1;
+				flex: 1;
+			}
+			input[type='submit'] {
+				margin-left: 10px;
+			}
+		}
+	}
+	#refresh-lists-list-menu {
+		cursor: pointer;
+		padding: 0;
+		.glyphicon {
+			color: #fff;
+		}
+	}
+}

data/app/assets/stylesheets/layout_application.css

@@ -1,8 +1,3 @@
-body {
-	color:#4D4D4D;
-}
-
-
 /* Page Container Styles */
 
 .pageContainer {

data/app/assets/stylesheets/layout_users.css

@@ -1,28 +1,29 @@
-/* Main Article Styles */
-
-#users_article {
-	width:700px;
-	float:left;
-	margin: 20px 10px;
-}
-
-#users_article>.container {
-	width:auto;
-	overflow:hidden;
-	margin-bottom:20px;
-}
-
-/* Right Bar Styles */
-
-#users_rightBar {
-	width:220px;
-	float:left;
-	margin: 20px 10px;
-
-}
-
-#users_rightBar>.container {
-	width:auto;
-	overflow:hidden;
-	margin-bottom:20px;
-}
+/* Main Article Styles 
+
+#users_article {
+	width:700px;
+	float:left;
+	margin: 20px 10px;
+}
+
+#users_article>.container {
+	width:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+*/
+/* Right Bar Styles 
+
+#users_rightBar {
+	width:220px;
+	float:left;
+	margin: 20px 10px;
+
+}
+
+#users_rightBar>.container {
+	width:auto;
+	overflow:hidden;
+	margin-bottom:20px;
+}
+*/

data/app/assets/stylesheets/pm-modal.scss

@@ -1,15 +1,6 @@
 $screen-sm-min: 768px;
 $screen-md-min: 992px;
 
-#fancybox-wrap,
-#fancybox-wrap * {
-	-moz-box-sizing: content-box;
-	-webkit-box-sizing: content-box;
-	-o-box-sizing: content-box;
-	-ms-box-sizing: content-box;
-	box-sizing: content-box;
-}
-
 .fancybox-modal {
 	@media (min-width: $screen-sm-min) {
 		min-width: 400px;
@@ -17,4 +8,19 @@ $screen-md-min: 992px;
 	@media (min-width: $screen-md-min) {
 		min-width: 450px;
 	}
+}
+
+#fancybox-wrap {
+	&,
+	.fancybox-bg,
+	#fancybox-content,
+	#fancybox-modal,
+	#fancybox-close,
+	#fancybox-title {
+		-moz-box-sizing: content-box;
+		-webkit-box-sizing: content-box;
+		-o-box-sizing: content-box;
+		-ms-box-sizing: content-box;
+		box-sizing: content-box;
+	}
 }