drg_cms 0.6.0.8 → 0.6.1.5

data/app/assets/stylesheets/drg_cms/drg_cms.css

@@ -95,7 +95,7 @@ textarea, input, select {
 color: #000;
 padding: 6px 4px;
 margin-left: 1px;
-border: solid 1px #ccc;;
+border: 1px dashed #888;;
 border-radius: 2px;
 font: 14px Exo,arial,sans-serif;
 max-width: 100%;
@@ -117,6 +117,7 @@ input[type=submit]:focus {
 
 textarea[readonly], input[readonly], select[readonly] {
   background-color: #eee !important;
+  border: 1px solid #ddd !important;
 }
 
 input.file {
@@ -167,17 +168,11 @@ img { vertical-align:bottom; }
 .dc-link a:link, .dc-link a:active, .dc-link a:visited, 
 .dc-animate a:link, .dc-animate a:active, .dc-animate a:visited, 
 .dc-result a:link, .dc-result a:active, .dc-result a:visited { 
-color: #666;
-font-weight: 600;
-text-decoration: none; 
-background: transparent;
-padding: 7px;
-}
-
-.dc-link a:hover, .dc-animate a:hover, .dc-result a:hover  { 
-background: #f8f8f8;
-transition: 0.3s;
-color: #000;
+  color: #666;
+  font-weight: 600;
+  text-decoration: none;
+  background: transparent;
+  padding: 7px;
 }
 
 a.dc-animate:hover { color: #000; background: transparent;}
@@ -187,7 +182,7 @@ a.dc-animate:hover { color: #000; background: transparent;}
 .dc-image-preview img { max-height: 2rem; padding-left: 0.5rem;}
 .dc-image-preview img:hover { cursor: zoom-in;}
 
-.text-with-select { width: 24px; }
+.text-with-select { width: 20px; }
 
 .no-borders {
   padding:  0;
@@ -205,7 +200,6 @@ width: 99.9%;
 padding:  0;
 border-spacing:  0;
 border-radius: 1px;  
-background-color: #f9f9f9;
 }
 
 .dc-result i { 
@@ -227,7 +221,6 @@ padding: 0;
 
 .dc-result-header {
   display: flex;
-  background: linear-gradient(to bottom, #eee 0%, #e2e2e2 100%); 
 }
 .dc-result-data {
   display: flex;
@@ -239,29 +232,29 @@ padding: 0;
 }
 
 .dc-result-header .th {
-  padding: 8px 2px;
+  padding: 4px 3px;
   white-space: nowrap;
   overflow: hidden;
   font-weight: 600;
-  color: #222;
+  color: #fff;
+  background-color: #666;
+}
+.dc-result-header .th:last-child {
+  flex-grow: 1;
 }
 
 .dc-result-header .spacer, .dc-result-data .spacer {
   width: 2px;
-  /*
-  font-size: 1.5em;
-  margin: 0  0;
-  padding: 4px  0;
-  resize: both;
-/*  border-left: 1px solid #ccc;*/
 }
 
-.dc-result-header a:link {
+.dc-result-header a:link, .dc-result-header a:visited {
   padding-left: 0;
+  color: #fff;
+  font-weight: 500;
 }
 
 .dc-result-data .td {
-  padding: 5px 2px;
+  padding: 5px 3px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -269,6 +262,10 @@ padding: 0;
   align-items: center;
 }
 
+.dc-result-data .td:last-child {
+  flex-grow: 1;
+}
+
 .dc-result-data .actions, .dc-result-header .actions {
   padding-right: 4px;
   display: flex;
@@ -276,6 +273,14 @@ padding: 0;
   justify-content: center;  
   white-space: nowrap;
 }
+.dc-result-header .actions {
+  background-color: #666;
+}
+
+.dc-result-data.dc-even.dc-checked, .dc-result-data.dc-odd.dc-checked {
+  background-color: #dbebff;
+  background-color: rgba(76,154,255, 0.6);
+}
 
 .dc-result-data .dc-link, .dc-result-data .dc-link-ajax {
   background: none;
@@ -306,6 +311,17 @@ padding: 0;
   background-color: transparent;
 }
 
+.dc-check {
+  padding-right: 4px;
+}
+
+.dc-result-header .dc-check-all {
+  font-size: 1.2em;
+  margin-left: -1rem;
+  background-color: white;
+  padding: 6px 3px;
+}
+
 .dc-menu {
 padding: 4px 0;
 display: inline-table;
@@ -316,16 +332,15 @@ display: inline-table;
   margin-right: 3px;
 }
 
-
 #data-fields {margin: 5px;}
 
 .dc-link {
-font-weight: 600;
-color: #666;
-text-align: center;
-border-radius: 2px;
-background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
-border: 1px solid #ddd;
+  font-weight: 600;
+  color: #666;
+  text-align: center;
+  border-radius: 3px;
+  background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%);
+  border: 1px solid #eee;
 }
 
 .dc-link:hover {
@@ -350,44 +365,48 @@ border: 1px solid #ddd;
   font-weight: 600;
   padding: 7px;
   vertical-align: bottom;
-  border: 1px solid #ddd;
-  border-radius: 2px;
-  color: #888;
-  background: #eee !important;
+  border: 1px solid #eee;
+  border-radius: 3px;
+  color: #777;
+  text-shadow: 1px 1px #fff;
+  background: #ddd !important;
+}
+
+.dc-action-menu li.dc-link.plus-link {
+  padding: 7px 0;
 }
 
 .dc-link-ajax {
   text-align: left;
   font-weight: 600;
   padding: 8px 8px 6px;
-  border-radius: 2px;
+  border-radius: 3px;
   color: #666;
   background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
-  border: 1px solid #ddd;
+  border: 1px solid #eee;
 }
 
 .dc-link-ajax.with-link {padding: 7px}
-#cmsform .dc-link-ajax.with-link {padding: 0}
+.cmsform .dc-link-ajax.with-link {padding: 0}
 
 .dc-link-ajax i, .dc-link-no i {
   padding: 1px 3px 0 0;
 }
 
 .dc-link-ajax:hover, .dc-action-submit:hover {
-cursor: pointer;
-background: #eee;
-border: 1px solid #bbb;
+  cursor: pointer;
+  color: #000;
+  background: #eee;
   border: 1px solid rgba(76,154,255, 1);
   box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
-transition: 0.3s; 
-color: #000;
+  transition: 0.3s;
 }
 
 .dc-link-ajax:hover a { 
-color: #000; 
-background: transparent;
-cursor: pointer; 
-transition: 0.3s; 
+  color: #000;
+  background: transparent;
+  cursor: pointer;
+  transition: 0.3s;
 }
 
 .dc-link-img {
@@ -403,7 +422,7 @@ transition: 0.3s;
 
 .dc-link-icon {
 padding: 3px;
-border-radius: 2px;
+border-radius: 3px;
 background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
 border: solid 1px #ccc;;
 }
@@ -427,7 +446,7 @@ border: solid 1px #ccc;;
   padding: 5px 4px 4px;
   background: #fff;
   border: 2px solid #222;
-  border-radius: 5px;
+  border-radius: 3px;
 }
 
 .dc-inline-link:hover {
@@ -439,7 +458,7 @@ border: solid 1px #ccc;;
   text-align: center;
   border:1px solid #888;
   padding:1px 4px 1px 4px;
-  border-radius: 5px;
+  border-radius: 3px;
   box-shadow: 2px 2px 5px #aaa;
   width: 13px; 
   margin-left: 350px;
@@ -461,16 +480,12 @@ border: solid 1px #ccc;;
 }
 .dc-link-submit {
   text-align: left;
-  padding: 1px 8px 0.5px; 
-/* Exo  padding: 0 8px; */
-  
-  border-radius: 2px;
+  border-radius: 3px;
   background-color: #eee;
   background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
-  border: 1px solid #ddd;
+  border: 1px solid #eee;
   display: flex;
   align-items: center;
-  
 }
 
 .dc-link-submit .fa {
@@ -496,7 +511,7 @@ border: solid 1px #ccc;;
   border: none;
   color: #666;
   font-weight: 600;
-  padding: 1px 2px 0;
+  padding: 2px 8px 1px;
   border-radius:  0;
   background: transparent;
   line-height: 30px;
@@ -531,7 +546,7 @@ color: #aaa;
 }
 .dc-paginate .pagination span a {
   display: block;
-  color: #888;
+  color: #666;
   padding: 4px 6px 3px 7px;
   text-decoration: none;
 }
@@ -550,13 +565,12 @@ color: #aaa;
 }
 
 .dc-paginate .pagination .current {
-  background: #888;
+  background: #666;
   color: #fff;
-  border: 1px solid #888;
+  border: 1px solid #666;
 }
 
 .dc-paginate .pagination .current:hover  {
-  border: solid 1px #888;
   outline: none;
 }
 
@@ -576,6 +590,15 @@ color: #aaa;
   font-size: 0.8em;
 }
 
+.dc-title .dc-help {
+  float:right;
+  padding: 4px 0 0 4px;
+  font-size: 1.1em;
+  height: 1em;
+  border: none;
+  background: none;
+}
+
 .dc-form-frame {
   width: 99.9%;
   margin:  0;
@@ -587,7 +610,7 @@ color: #aaa;
   padding: 4px 0 0;
   border: 1px solid #eee;
   border-radius: 2px; 
-  background-color: #fcfcfc;
+  /*background-color: #fcfcfc; */
 }
 
 .dc-form .row-div {
@@ -597,7 +620,7 @@ color: #aaa;
 
 .dc-form-info {
   padding: 8px;
-  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
+  background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
   background-repeat: repeat-x;
   color: darkgreen;  
   border: 1px solid #b2dba1;  
@@ -607,19 +630,17 @@ color: #aaa;
 
 .dc-form-warning {
   padding: 8px;
-  background-image: linear-gradient(to bottom, #fcf8e3 0px, #f8efc0 100%);
+  background-image: linear-gradient(to bottom, rgba(213, 143, 218, 0.1) 0, rgba(213, 143, 218, 0.5) 100%);
   background-repeat: repeat-x;
-  color: #c84;  
-  border: 1px solid #f5e79e;  
+  color: rgba(102, 51, 153, 1);
+  border: 1px solid rgba(102, 51, 153, 0.3);
   border-radius: 2px;
   margin: 2px 0;
 }
 
 .dc-form-error {
   padding: 8px;
-  background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
-  background-repeat: repeat-x;
-  background-color: #f2dede;
+  background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
   color: #a94442;
   border: 1px solid #dca7a7;
   border-radius: 2px;
@@ -655,6 +676,9 @@ color: #aaa;
   padding: 3px 5px;
 }
 
+.dc-form-label.dc-color-odd, .dc-form-label.dc-color-even {background-color: transparent;}
+.dc-form-field.dc-color-odd, .dc-form-field.dc-color-even {background-color: transparent;}
+
 .dc-align-left {
   text-align: left;
 }
@@ -682,7 +706,7 @@ color: #aaa;
   font-weight: normal;
   color: #222;
   padding: 6px 4px;
-  border: solid 1px #ccc;;
+  border: solid 1px #ddd;;
   background-color: #eee;
   border-radius: 2px;
 }
@@ -700,7 +724,6 @@ color: #aaa;
 }
 .dc-form-ul {
 padding: 2px 0;
-margin-top: 6px;
 margin-bottom: -3px;
 }
 
@@ -720,16 +743,15 @@ margin-bottom: -3px;
 .dc-form-li {
   display:inline-block; 
   white-space: nowrap;
-  list-style:none;
-  color: #666;
+  list-style: none;
+  color: #fff;
   text-decoration: none;
   text-align: center;
   font-weight: 600;
-  line-height: 1.2rem;
-
-  padding:4px 15px;
-  background: #e8e8e8;
-  margin-right: 2px;
+  line-height: 1.2em;
+  padding: 0.4em 1em;
+  background: #666;
+  margin: 0 1px 0 0;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
   border-radius: 4px 4px 0  0;
@@ -770,6 +792,9 @@ border-top: 1px solid #ddd;
 display: flex;
 }
 .dc-head .dc-column {
+  white-space: nowrap;
+  overflow: hidden;
+  margin-right: 2px;
 }
 .dc-head .text {
   font-weight: normal;  
@@ -806,6 +831,17 @@ display: flex;
   color: lightcoral;
 }
 
+#menu-hamburger { display: none;}
+
+.dc-handle:before {
+  font-family: 'FontAwesome';
+  content: '\f0dc\20';
+  color: #000;
+  cursor: pointer;
+  padding-top: 2px;
+  font-size: 1.1em;
+}
+
 #cmsedit-div {
 font-family: Exo,Arial, sans-serif;
 font-size: 13px;
@@ -940,6 +976,11 @@ display: none;
   position: relative;
 }
 
+.dc-text-autocomplete input {
+  border: 1px dashed #555;
+}
+
+
 .dc-text-autocomplete input+span:before {
   font-family: 'FontAwesome';
   content: '\f002';
@@ -972,11 +1013,16 @@ color: #000;
 .ui-autocomplete-border {
   display: inline-block;
   border-radius: 2px;
-  border: solid 1px #ccc;;
+  border: dashed 1px #555;;
   padding: 8px;
   background-color: #fff;
 }
 
+.ui-autocomplete-border .dc-text-autocomplete {
+  margin-left: 4px;
+}
+
+
 .dc-red { color: #d99;}
 .dc-red:hover { color: #e66;}
 .dc-green { color: #9c9;}
@@ -1041,7 +1087,7 @@ padding:  0;
 padding: 4px;
 background-image: none;
 border-radius: 2px;
-border: 1px solid #669;
+border: 2px solid #666;
 background-color: #fff;
 }
 
@@ -1082,11 +1128,11 @@ white-space: nowrap;
 list-style:none;
 padding: 7px;
 margin-right: 4px;
-border-radius:2px;
+border-radius: 3px;
 z-index: 1;
 
 background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
-border: 1px solid #ddd;
+/*border: 1px solid #ddd; */
 }
 
 .dc-action-menu ul {
@@ -1133,7 +1179,6 @@ color: #222;
 .dc-action-menu li:hover ul li:hover {
 border:  0;
 background: #eee;
-border-radius: 2px;
 }
 
 .menu-filter {
@@ -1169,6 +1214,118 @@ background-color: transparent;
   cursor: pointer;
   color: #ccc;
 }
+
+.dc-action-menu .dc-link:empty {
+  display: none;
+}
+
+.dc-action-menu li.spacer {
+  border-right: 2px solid #888;
+  border-radius: 0;
+  padding: 7px 0;
+  margin-right: 5px;
+}
+
+/*****  POPUP ******/
+
+#popup {
+  min-width: 50%;
+}
+
+#popup .dc-help .help-top {
+  position: absolute;
+  bottom: 1rem;
+  right: 1rem;
+  padding: 2px 4px;
+  border: 1px dotted #ccc;
+  border-radius: 4px;
+  background: rgba(76,154,255,0.2);
+}
+
+#popup .dc-help {
+  background: #fff;
+  padding: 8px;
+  max-height: 700px;
+  overflow-y: auto;
+  max-width: 800px;
+}
+
+#popup .dc-help h1 {
+  background: darkred;
+  color: #fff;
+  font-weight: 600;
+  padding: 4px;
+  font-size: 1.2em;
+  border-radius: 2px;
+}
+
+#popup .dc-help h2 {
+  font-size: 1.4em;
+  font-weight: 600;
+}
+
+#popup .dc-help h3 {
+  font-size: 1.2em;
+  font-weight: 600;
+}
+
+#popup .dc-help .help-body {
+  padding: 4px
+}
+
+#popup .dc-help .help-tab {
+  display: table;
+  margin: 8px 0 0;
+  padding: 3px 12px;
+  color: #fff;
+  background: #555;
+  border-radius: 5px 5px 0 0;
+  font-weight: 600;
+}
+
+#popup .dc-help .help-tab-help {
+  font-weight: 600;
+  color: #fff;
+  background: #777;
+  padding: 3px 12px;
+}
+
+#popup .dc-help .help-fields {
+  margin-top: 1rem;
+  border-top: 1px solid #222;
+}
+
+#popup .dc-help .help-field {
+  display: flex;
+  background-color: #eee;
+  padding: 3px;
+}
+
+#popup .dc-help .help-field:nth-child(odd) {
+  background-color: #f8f8f8;
+}
+
+#popup .dc-help .help-label {
+  width: 25%;
+}
+
+#popup .dc-help .help-text {
+  max-width: 75%;
+}
+
+#popup .dc-help .help-body {
+  border-top: 1px solid #222;
+  padding-top: 8px;
+}
+
+#popup .dc-help .help-buttons {
+  padding: 4px 0;
+}
+
+#popup .dc-help .dc-link {
+  display: inline-flex;
+}
+
 .filter-popup {
   background-color: #fff;
   box-shadow: 2px 2px 5px #666;
@@ -1207,6 +1364,7 @@ cursor: pointer;
 #dc-document-info-popup {
 text-align: left;
 padding:4px;
+font-size: 0.9em;
 position:absolute;
 background-color: #f8f8f8;
 border: solid 1px #ccc;;
@@ -1220,7 +1378,7 @@ z-index: 100;
   width: 80px;
   padding: 1px;
 }
-#dc-document-info-popup div span:last-child {font-weight: bold;}
+#dc-document-info-popup div span:last-child {font-weight: 600;}
 
 
 /************************** filter popup *************************/
@@ -1252,16 +1410,18 @@ color: #669;
   max-width: 50%;
   background-color: #fff;
   padding: 10px;
-  border: solid 1px #ccc;;
+  border: dashed 1px #666;
+  margin-left: 1px;
 }
 
 /**  Radio button input field **/
 
 .dc-radio {
-  background-color: #fff;
-/*  border: solid 1px #ccc;;*/
-  padding: 5px 0 7px 0;
+  padding: 6px 0 12px 0;
   display: inline-table;
+  border: 1px dashed #666;
+  margin-left: 1px;
+  background-color: #fff;
 }
 .dc-radio div {
   font-size: 1.1em;
@@ -1278,10 +1438,21 @@ color: #669;
 }
 
 /****** MOBILE DEVICE *****/
-@media only screen and (max-width: 600px) {
+@media only screen and (max-device-width: 600px) {
+  body, .body {font-size: 11px !important;}
+  #site-top div:nth-of-type(2) {padding-top: 0 !important;}
+
+  .dc-form {
+    border: none;
+    border-top: 2px solid #888;
+    border-bottom: 2px solid #888;
+    margin-top: 4px;
+  }
+
   .dc-form .row-div {
     display: block;
   }
+  .dc-form-li {margin-top: 3px;}
 
   .dc-form-label {
     text-align: left;
@@ -1289,16 +1460,50 @@ color: #669;
     padding-bottom: 2px;
     white-space: nowrap;
   }
+  .dc-form-label label {
+    font-size: 14px;
+  }
+
+  .app-menu li {margin-bottom: 4px;}
+
+  .dc-submit {
+    padding: 1px 0 0;
+    line-height: 26px;
+    font-size: 11px;
+  }
+  #result {width: 200%;}
+
+  .dc-separator {
+    margin: 8px 0 0;
+    border-top: 2px solid #888;
+  }
   
-  .dc-form-li {margin-top: 3px;}
-  .dc-menu li {margin-top: 2px;}
+  .dc-menu li {margin-bottom: 4px;}
   
   .dc-width-10, .dc-width-14, .dc-width-21, .dc-width-85, .dc-width-100 {width: 100%;}
+
+  .dc-width-100 {
+    overflow: auto;
+  }
+
+  textarea, input, select {
+    max-width: 90%;
+  }
+
+  #menu-hamburger {
+    display: block;
+    padding: 4px;
+    font-size: 2em;
+  }
+
+  .cmsedit-container #menu {display: none;}
+  .cmsedit-container #menu.visible {display: initial; width: 150%;}
+  .cmsedit-iframe {padding-left: 2px;}
 }
 
 /******* Firefox only ********/
 @-moz-document url-prefix() {
   .dc-submit {
-    padding: 0 2px 1px;
+    /* padding: 0 2px 1px; */
   }
 }