Updated page template styles
authorThierry Florac <tflorac@ulthar.net>
Fri, 07 Dec 2018 12:21:48 +0100
changeset 227 d5a366b207a8
parent 226 d9233f269a5e
child 228 215a04d7a84a
Updated page template styles
src/pyams_portal/resources/css/portal.css
src/pyams_portal/resources/css/portal.min.css
src/pyams_portal/resources/less/portal.less
--- a/src/pyams_portal/resources/css/portal.css	Fri Dec 07 12:21:32 2018 +0100
+++ b/src/pyams_portal/resources/css/portal.css	Fri Dec 07 12:21:48 2018 +0100
@@ -7,10 +7,10 @@
 }
 #portal_config .row {
   position: relative;
-  margin: 5px 0;
-  padding: 2px 4px;
-  border: 1px solid rgba(199, 81, 0, 0.4);
-  border-top-width: 1.5em;
+  margin: 1.2em 0 0.5em;
+  padding: 1px;
+  border: 1px solid #337ab7;
+  border-top-width: 0.65em;
   min-height: 20px;
   cursor: move;
 }
@@ -25,24 +25,24 @@
   right: 0.3em;
 }
 #portal_config .row .slot {
-  margin: 3px 0;
-  padding: 3px;
-  border: 1px solid rgba(98, 120, 128, 0.65);
-  border-bottom-width: 6px;
+  margin: 0;
+  border: 1px solid rgba(51, 122, 183, 0.6);
+  border-bottom-width: 5px;
   min-height: 20px!important;
 }
 #portal_config .row .slot > .header {
-  background-color: rgba(98, 120, 128, 0.6);
+  margin: 1px;
+  background-color: rgba(51, 122, 183, 0.6);
   color: white;
 }
 #portal_config .row .portlet {
-  margin: 3px 0;
-  padding: 3px;
-  border: 1px solid rgba(98, 120, 128, 0.6);
+  margin: 1px;
+  padding: 0;
+  border: 1px solid rgba(98, 120, 128, 0.5);
   min-height: 20px!important;
 }
 #portal_config .row .portlet > .header {
-  background-color: rgba(92, 109, 115, 0.8);
+  background-color: rgba(92, 109, 128, 0.5);
   color: white;
 }
 #portal_config .row-highlight {
--- a/src/pyams_portal/resources/css/portal.min.css	Fri Dec 07 12:21:32 2018 +0100
+++ b/src/pyams_portal/resources/css/portal.min.css	Fri Dec 07 12:21:48 2018 +0100
@@ -1,1 +1,1 @@
-#portal_config{padding-right:0;padding-left:0}#portal_config .rows{min-height:15px}#portal_config .row{position:relative;margin:5px 0;padding:2px 4px;border:1px solid rgba(199,81,0,.4);border-top-width:1.5em;min-height:20px;cursor:move}#portal_config .row>.row_id{position:absolute;top:-1.5em}#portal_config .row>.row_id.pull-left{left:.3em}#portal_config .row>.row_id.pull-right{right:.3em}#portal_config .row .slot{margin:3px 0;padding:3px;border:1px solid rgba(98,120,128,.65);border-bottom-width:6px;min-height:20px!important}#portal_config .row .slot>.header{background-color:rgba(98,120,128,.6);color:#fff}#portal_config .row .portlet{margin:3px 0;padding:3px;border:1px solid rgba(98,120,128,.6);min-height:20px!important}#portal_config .row .portlet>.header{background-color:rgba(92,109,115,.8);color:#fff}#portal_config .row-highlight{margin:5px 0;border:1px solid #c75100;min-height:40px}#portal_config .slots{min-height:15px}#portal_config .slot-highlight{margin:3px 0;border:1px solid #7b939c;min-height:40px}#portal_config .portlets{min-height:15px}#portal_config .portlets-hover{background-color:silver}#portal_config .portlets-active{background-color:silver}#portal_config .portlet-highlight{margin:0;border:1px solid #7b939c;min-height:40px}#portal_config.container .col-12{float:left;width:100%!important}#portal_config.container .col-11{float:left;width:91.66666667%!important}#portal_config.container .col-10{float:left;width:83.33333333%!important}#portal_config.container .col-9{float:left;width:75%!important}#portal_config.container .col-8{float:left;width:66.66666667%!important}#portal_config.container .col-7{float:left;width:58.33333333%!important}#portal_config.container .col-6{float:left;width:50%!important}#portal_config.container .col-5{float:left;width:41.66666667%!important}#portal_config.container .col-4{float:left;width:33.33333333%!important}#portal_config.container .col-3{float:left;width:25%!important}#portal_config.container .col-2{float:left;width:16.66666667%!important}#portal_config.container .col-1{float:left;width:8.33333333%!important}#portal_config.container .col-0{float:left;width:100%!important;opacity:.5}#portal_config.container .col-0>.portlets{display:none}#portal_config.container-xs{max-width:750px!important}#portal_config.container-sm{width:750px!important}#portal_config.container-md{width:970px!important}#portal_config.container-lg{width:1170px!important}
+#portal_config{padding-right:0;padding-left:0}#portal_config .rows{min-height:15px}#portal_config .row{position:relative;margin:1.2em 0 .5em;padding:1px;border:1px solid #337ab7;border-top-width:.65em;min-height:20px;cursor:move}#portal_config .row>.row_id{position:absolute;top:-1.5em}#portal_config .row>.row_id.pull-left{left:.3em}#portal_config .row>.row_id.pull-right{right:.3em}#portal_config .row .slot{margin:0;border:1px solid rgba(51,122,183,.6);border-bottom-width:5px;min-height:20px!important}#portal_config .row .slot>.header{margin:1px;background-color:rgba(51,122,183,.6);color:#fff}#portal_config .row .portlet{margin:1px;padding:0;border:1px solid rgba(98,120,128,.5);min-height:20px!important}#portal_config .row .portlet>.header{background-color:rgba(92,109,128,.5);color:#fff}#portal_config .row-highlight{margin:5px 0;border:1px solid #c75100;min-height:40px}#portal_config .slots{min-height:15px}#portal_config .slot-highlight{margin:3px 0;border:1px solid #7b939c;min-height:40px}#portal_config .portlets{min-height:15px}#portal_config .portlets-hover{background-color:silver}#portal_config .portlets-active{background-color:silver}#portal_config .portlet-highlight{margin:0;border:1px solid #7b939c;min-height:40px}#portal_config.container .col-12{float:left;width:100%!important}#portal_config.container .col-11{float:left;width:91.66666667%!important}#portal_config.container .col-10{float:left;width:83.33333333%!important}#portal_config.container .col-9{float:left;width:75%!important}#portal_config.container .col-8{float:left;width:66.66666667%!important}#portal_config.container .col-7{float:left;width:58.33333333%!important}#portal_config.container .col-6{float:left;width:50%!important}#portal_config.container .col-5{float:left;width:41.66666667%!important}#portal_config.container .col-4{float:left;width:33.33333333%!important}#portal_config.container .col-3{float:left;width:25%!important}#portal_config.container .col-2{float:left;width:16.66666667%!important}#portal_config.container .col-1{float:left;width:8.33333333%!important}#portal_config.container .col-0{float:left;width:100%!important;opacity:.5}#portal_config.container .col-0>.portlets{display:none}#portal_config.container-xs{max-width:750px!important}#portal_config.container-sm{width:750px!important}#portal_config.container-md{width:970px!important}#portal_config.container-lg{width:1170px!important}
--- a/src/pyams_portal/resources/less/portal.less	Fri Dec 07 12:21:32 2018 +0100
+++ b/src/pyams_portal/resources/less/portal.less	Fri Dec 07 12:21:48 2018 +0100
@@ -8,10 +8,10 @@
 	}
 	.row {
 		position: relative;
-		margin: 5px 0;
-		padding: 2px 4px;
-		border: 1px solid rgba(199, 81, 0, 0.40);
-		border-top-width: 1.5em;
+		margin: 1.2em 0 0.5em;
+		padding: 1px;
+		border: 1px solid rgb(51, 122, 183);
+		border-top-width: 0.65em;
 		min-height: 20px;
 		cursor: move;
 
@@ -27,25 +27,25 @@
 			}
 		}
 		.slot {
-			margin: 3px 0;
-			padding: 3px;
-			border: 1px solid rgba(98, 120, 128, 0.65);
-			border-bottom-width: 6px;
+			margin: 0;
+			border: 1px solid rgba(51, 122, 183, 0.6);
+			border-bottom-width: 5px;
 			min-height: 20px!important;
 
 			>.header {
-				background-color: rgba(98, 120, 128, 0.60);
+				margin: 1px;
+				background-color: rgba(51, 122, 183, 0.6);
 				color: white;
 			}
 		}
 		.portlet {
-			margin: 3px 0;
-			padding: 3px;
-			border: 1px solid rgba(98, 120, 128, 0.60);
+			margin: 1px;
+			padding: 0;
+			border: 1px solid rgba(98, 120, 128, 0.5);
 			min-height: 20px!important;
 
 			>.header {
-				background-color: rgba(92, 109, 115, 0.80);
+				background-color: rgba(92, 109, 128, 0.5);
 				color: white;
 			}
 		}