Bug 30952: Reintroduce table borders

[koha-ffzg.git] / koha-tmpl / intranet-tmpl / prog / css / src / staff-global.scss

diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
index 0ef701e..707eed7 100644 (file)
--- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
+++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss
@@ -1,3 +1,4 @@
+@import "variables";
 @import "mixins";
 @import "tables";
 @import "flatpickr";
@@ -11,7 +12,7 @@
 a {
     &:link,
     &:visited {
-        color: #71B443;
+        color: $green-text-color;
         border: 0;
         background-color: transparent;
         box-shadow: none;
@@ -22,7 +23,7 @@ a {
     &:active,
     &:focus {
         text-decoration: underline;
-        color: #71B443;
+        color: $green-text-color;
         border: 0;
         background-color: transparent;
         box-shadow: none;
@@ -47,7 +48,7 @@ a {
         &.btn-link {
             &:link,
             &:visited {
-                color: #71B443;
+                color: $green-text-color;
             }
 
             &:hover {
@@ -83,7 +84,7 @@ a {
         vertical-align: middle;
 
         &:hover {
-            color: #71B443;
+            color: $green-text-color;
             text-decoration: none;
         }
     }
@@ -91,7 +92,7 @@ a {
     &.settings {
         i, img {
             text-align: center;
-            color: #71B443;
+            color: $green-text-color;
             border: solid 3px #71B443;
             border-radius: 50%;
             background-color: transparent;
@@ -193,7 +194,7 @@ a {
 
 #resetZ3950Search {
     font-size: 110%;
-    color: #71B443;
+    color: $green-text-color;
 }
 
 a {
@@ -206,7 +207,7 @@ a {
 
 aside {
     fieldset {
-        box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
+        @include card;
         padding: .9em;
 
         button + button,
@@ -484,7 +485,7 @@ button {
 }
 
 #add_to_patron_list_submit {
-    color: #71B443;
+    color: $green-text-color;
 
     &:hover {
         border: 0;
@@ -703,7 +704,7 @@ label,
     }
 
     &.circ_barcode {
-        display: inline-block;
+        display: block;
         font-size: 105%;
         font-weight: bold;
         margin-bottom: 1rem;
@@ -748,6 +749,12 @@ label,
     margin-top: 1em;
 }
 
+.main, main {
+    & > .row > div > aside {
+        margin-left: -15px;
+    }
+}
+
 #login_controls {
     padding: .4em .5em;
     position: absolute;
@@ -857,15 +864,14 @@ ol {
 }
 
 fieldset {
+    @include card;
     width: 100%;
-    color: #71B443;
-    background-color: #FFF;
+    color: $green-text-color;
     position: relative;
     color: #696969;
     left: 0;
     top: 0;
     margin: 0 1em 1em 0;
-    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
     padding: 1em;
 
     + fieldset {
@@ -1042,7 +1048,7 @@ details[open] {
 }
 
 #breadcrumbs a[href="/cgi-bin/koha/mainpage.pl"] {
-    color: #71b443;
+    color: $green-text-color;
     visibility: hidden;
     font-size: 1px;
     letter-spacing: -1px;
@@ -1087,11 +1093,10 @@ div {
     }
 
     .circmessage {
-        margin-bottom: .3em;
-        padding: 0 .4em .4em;
+        padding: .4em;
 
-        &:first-child {
-            margin-top: 1em;
+        .circmessage {
+            margin-bottom: .3em;
         }
     }
 
@@ -1186,6 +1191,52 @@ div {
         }
     }
 
+    &.rows {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+
+        + div {
+            &.rows {
+                margin-top: .6em;
+            }
+        }
+
+        li {
+            border-bottom: 1px solid #EEE;
+            list-style-type: none;
+            padding: .275em;
+            width: 100%;
+        }
+
+        ol {
+            list-style-type: none;
+            padding: .5em 1em 0 0;
+
+            li {
+                li {
+                    border-bottom: 0;
+                }
+            }
+        }
+
+        p {
+            margin-left: 10em;
+        }
+
+        span {
+            &.label {
+                display: inline-block;
+                font-weight: bold;
+                margin-right: 1em;
+                padding-top: 0;
+                text-align: left;
+                width: 9em;
+                white-space: normal;
+            }
+        }
+    }
+
     &.pages {
         margin: .5em 0;
 
@@ -1280,6 +1331,7 @@ dd {
     margin-right: .5em;
     padding-top: 1em;
     background-color: #e6e6e6;
+    color: #000;
     left: -10px;
     width: 100%;
     padding-bottom: 25px;
@@ -1324,6 +1376,7 @@ dd {
 .patroninfo-section {
     padding: .5em;
     margin: .5em;
+    @include card;
 }
 
 .patroninfo-heading {
@@ -1392,7 +1445,7 @@ dd {
 }
 
 #addColumn, #delColumn{
-    color: #71b443;
+    color: $green-text-color;
     padding: .3em;
     border: none;
     background-color: transparent;
@@ -1598,6 +1651,11 @@ i {
     }
 }
 
+#circmessages,
+#patron_messages {
+    @include card;
+}
+
 #circ_needsconfirmation {
     margin: auto;
 }
@@ -1658,7 +1716,6 @@ i {
             &.approve {
                 background-color: #FEC32C;
                 color: #000;
-                text-shadow: 0 1px 0 #FFFFFF;
                 border: 0;
                 background-image: none;
                 margin-top: 5px;
@@ -1730,10 +1787,8 @@ i {
     }
 
     &.message {
-        color: #000000;
+        background-color: #ffffff;
         text-align: center;
-        background-color: transparent;
-
 
         ul,
         h5 {
@@ -1748,8 +1803,8 @@ i {
 
     &.alert,
     &.error {
+        background-color: rgb(255, 237, 135);
         color: inherit;
-        background-color: #FFFFFF;
         text-align: center;
         text-shadow: none;
 
@@ -1870,7 +1925,7 @@ li {
 }
 
 .empty {
-    color: #CCC;
+    color: #666;
 }
 
 .address {
@@ -1944,12 +1999,9 @@ li {
     }
 
     td {
-        border: 0;
-
-
         button, a {
             &.btn-default {
-                color: #71B443;
+                color: $green-text-color;
                 padding: .3em;
                 border: 0;
                 background-color: transparent;
@@ -1959,7 +2011,7 @@ li {
 
                 &:hover, &:active, &:focus, &:active:hover, &:active:focus {
                     background-color: transparent;
-                    color: #71B443;
+                    color: $green-text-color;
                     text-decoration: underline;
                 }
             }
@@ -2052,7 +2104,7 @@ li {
 }
 
 .searchheader {
-    background-color: transparent;
+    background-color: #f3f4f4;
     border: 1px solid #696969;
     border-radius: 5px 5px 5px 5px;
     font-size: 80%;
@@ -2225,7 +2277,7 @@ td {
 }
 
 .highlight_toggle {
-    color: #71B443;
+    color: $green-text-color;
     padding: .3em;
     border: 0;
     background-color: transparent;
@@ -2267,7 +2319,7 @@ td {
 #CheckPending {
     font-weight: normal;
     margin: 0 .5em 0 0;
-    color: #71B443;
+    color: $green-text-color;
 }
 
 .lost,
@@ -2839,10 +2891,9 @@ td.bundle {
 }
 
 .statictabs {
+    @include card;
 
-    background-color: #FFFFFF;
     margin-top: 20px;
-    box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
     padding: 20px;
 
     h3{
@@ -3189,31 +3240,7 @@ nav {
 }
 
 .pagination {
-    margin:.5em .8em;
-
-    .active {
-        a {
-            background-color: #6daa5a;
-            border-color: #6daa5a;
-
-            &:hover,
-            &:focus {
-                background-color: #6daa5a;
-                border-color: #6daa5a;
-            }
-        }
-
-        span {
-            background-color: #6daa5a;
-            border-color: #6daa5a;
-
-            &:hover,
-            &:focus {
-                background-color: #6daa5a;
-                border-color: #6daa5a;
-            }
-        }
-    }
+    margin: .5em 0;
 }
 
 button,
@@ -3352,14 +3379,9 @@ button,
     .navbar-nav {
         li {
             a {
+                color: $green-text-color;
                 line-height: 20px;
                 padding: .4em 15px;
-                color: #000;
-
-                &:hover, &:active, &:focus{
-                    color: #418940;
-                    text-decoration: none;
-                }
             }
         }
     }
@@ -3488,7 +3510,6 @@ label {
     font-weight: bold;
     line-height: 1;
     opacity: .2;
-    text-shadow: 0 1px 0 #FFFFFF;
 
     &:hover,
     &:focus {
@@ -3866,7 +3887,7 @@ input.renew {
 #i18nMenu {
     .navbar-text {
         .currentlanguage {
-            color: #418940;
+            color: #000;
             font-weight: bold;
         }
     }
@@ -4277,15 +4298,29 @@ input.renew {
 /* ==== MODULE LINKS - Start ==== */
 .buttons-list {
     /* List containing the module links */
-    margin: 30px 0;
     padding: 0;
-    margin-left: 15px;
+    max-width: 260px;
 
     li {
         /* Standard attributes for the list elements */
         list-style-type: none;
-        display: table;
         margin-bottom: 15px;
+
+        a {
+            padding: 10px;
+            background-color: #e0e0e0;
+            border-radius: 6px;
+            color: #101010;
+            display: block;
+            font-size: 110%;
+            font-weight: bold;
+
+            &:hover {
+                background-color: #418940;
+                color: white;
+                text-decoration: none;
+            }
+        }
     }
 }