Revert "Fix encoding"

[infodrom/hallinta] / stylesheet.css

diff --git a/stylesheet.css b/stylesheet.css
index f6e97e1..ad9f99e 100644 (file)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -5,6 +5,44 @@ body {
     color: #000000;
 }
 
+h3.title, h3.title2 {
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+
+/* Only for WebKit - only for mobile devices */
+@media screen and (-webkit-min-device-pixel-ratio:0)
+{
+    div.ricoLG_scrollContainerDiv {
+       background: lightgrey;
+    }
+
+    div.content {
+       padding-left: 0px !important;
+    }
+
+    div.hide-on-mobile {
+       display: none;
+    }
+    div.show-on-mobile {
+       display: unset;
+    }
+}
+
+/* @tabletViewportWidth: 48em; // 768px */
+@media screen and (max-width: 768px) {
+    div#header div#title,
+    div#header div#titlesep {
+       display: none;
+    }
+}
+@media screen and (min-width: 768px) {
+    div#header div#title,
+    div#header div#titlesep {
+       display: inline !important;
+    }
+}
+
 div.ricoLG_cell {
     padding-top: 0px;
     padding-bottom: 0px;
@@ -12,82 +50,129 @@ div.ricoLG_cell {
     cursor: default;
 }
 
-.ricoLG_table th {
-    background-color: #DDD;
+.has-checkbox div.ricoLG_cell {
+    padding-top: 0px;
+    padding-bottom: 6px;
 }
 
-div.form {
-    margin-top: 0px;
-    padding: 2px;
-    background-color: #DDD;
+div.ricoWindow {
+    border: 1px solid #BBB;
+}
+div.ricoWindow .RicoPopupContent .ricoTitle .RicoCloseAnchor.ui-dialog-titlebar-close {
+    padding: 0px;
+}
+div.ricoTitle {
+    background-color: #316994;
+    color: white;
+    color: #EEE;
+    padding-left: 2px;
+    cursor: pointer;
+}
+div.ricoContent {
+    padding-top: 6px;
+    padding-left: 3px;
+    font-size: 12px;
+}
+
+div#column_grid {
+    border: none;
+}
+
+div#column_edit {
     border: 1px solid #AAA;
     color: #555;
-    overflow: hidden;
 }
 
-div.form p.title {
-    padding: 0;
-    padding-left: 2px;
-    padding-bottom: 3px;
-    margin: -2px;
-    margin-bottom: 3px;
-    font-weight: bold;
-    color: #444;
-    background: #CCC;
+div.second {
+    margin-top: 10px;
+}
+div.second div.title {
+    margin-bottom: 5px;
 }
 
+label {
+    display: block;
+}
 input, select {
+    display; block;
     border: 1px solid #CCC;
     color: inherit;
     background: white;
+    font-size: inherit;
 }
 
 textarea {
+    display; block;
     border: 1px solid #CCC;
     font-size: 90%;
+    color: inherit;
+}
+
+input.maxwidth, select.maxwidth {
+    width: 98%
+}
+
+input[readonly] {
+    background: #EEEEEE;
+}
+
+textarea.maxwidth {
+    width: 97%
 }
 
 button {
     border: 1px solid #CCC;
+    background: #DDD;
     color: inherit;
 }
 
-div.form div.buttons {
+button.builtin {
+    background-image: url('images/bg_button.png');
+    background-repeat: repeat-x;
+}
+
+button.custom {
+    background-image: url('images/bg_button_custom.png');
+    background-repeat: repeat-x;
+}
+
+button:hover {
+    background: #EEE;
+}
+
+button.disabled:hover {
+    background: #DDD;
+}
+
+button.builtin:disabled,
+button.custom:disabled {
+    background-image: none;
+    background-repeat: none;
+}
+
+div.buttons {
     text-align: center;
-    padding-top: 10px;
+    padding-top: 0px;
     padding-bottom: 5px;
 }
 
-div.form div.buttons button {
+div.buttons button {
     padding-left: 1px;
     padding-right: 1px;
 }
 
-div.form div.buttons span {
+div.buttons span {
     margin-left: 5px;
 }
 
-div.form img.calendar {
+img.calendar {
     margin-bottom: -6px;
 }
 
-span#form_status {
+p#form_status {
     font-size: 80%;
-}
-
-div.login {
-    background-image: url('images/login.jpg');
-    background-repeat: no-repeat;
-    background-position: center center;
-    margin: -15px;
-    height: 800px;
-}
-
-table.login {
-    border: 1px solid #7b7b7b;
-    background: #f7f7f7;
-    position: relative;
-    top: 290px;
+    margin-top: 0px;
+    text-align: right;
 }
 
 span.status_ok {
@@ -99,7 +184,8 @@ span.status_error {
 }
 
 div#details {
-    color: #555;
+    color: #424242;
+    padding-left: 2px;
 }
 
 div#details ul {
@@ -110,3 +196,40 @@ div#details ul {
 div#details li {
     list-style-type: none;
 }
+
+div#grid_info {
+    text-align: left;
+    color: #444;
+}
+
+.gridPopup .ricoContent {
+    font-size: 125%;
+}
+
+div.alignrightpad > div {
+    text-align: right;
+    padding-right: 3px;
+}
+
+div.info {
+    float: left;
+}
+div.status {
+    float: right;
+    text-align: right;
+}
+
+div#column_grid, div#column_edit {
+    background: #e1f3ff;
+}
+
+div#message {
+    background: white;
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border: solid 1px #50a6ff;
+    background: #fff68f;
+    z-index: 200;
+}