Initial dev repository

[kcls-web.git] / opac / extras / mobile / css / mobile_opac_test.css

diff --git a/opac/extras/mobile/css/mobile_opac_test.css b/opac/extras/mobile/css/mobile_opac_test.css
new file mode 100644 (file)
index 0000000..86d55d5
--- /dev/null
+++ b/opac/extras/mobile/css/mobile_opac_test.css
@@ -0,0 +1,253 @@
+body {
+   padding: 0;
+   margin: 0;
+   font-family: Arial,Helvetica,sans-serif;
+   font-size: 12px;
+   color: #333333;
+}
+
+hr {
+   color: #e9ebf3;
+   height: 0px;
+   border-top: 1px #e9ebf3 solid;
+   border-left: 1px #e9ebf3 solid;
+   border-right: 0 none;
+   border-bottom: 0 none;
+}
+
+.summary_info hr {
+   color: #b7b7b7;
+   border-top: 1px #b7b7b7 solid;
+   border-left: 1px #b7b7b7 solid;
+}
+
+.link, a {
+   color: #4d4dd9;
+   text-decoration: none;
+   cursor: pointer;
+}
+
+.link:hover, a:hover { text-decoration: underline; }
+
+.link.title { font-weight: bold; }
+.link.author { font-style: italic; }
+
+#full {
+   width: 320px;
+}
+
+#logo {
+   background-color: #333333;
+   padding: 11px 17px;
+}
+
+#footer_bar {
+   background-color: #e8e8e8;
+   border-top: 1px #d1d1d1 solid;
+   border-bottom: 1px #d1d1d1 solid;
+   font-size: 10px;
+   padding: 7px 17px;
+}
+
+.summary_bar { padding: 7px 17px; }
+.summary_info { padding: 0px 17px; }
+
+#login_bar {
+   padding: 7px 17px;
+   background-color: #464646;
+   color: #ffffff;
+}
+#login_bar .link { color: #ffcc33; }
+#login_bar .link.logout {
+   display: block;
+   float: right;
+   background-color: #9a1a1b;
+   color: #ffffff;
+   padding: 7px;
+   text-transform: capitalize;
+}
+#login_bar .username { display: block; }
+
+#search_link {
+   background-color: #9ad0f1;
+   color: #074079;
+   padding: 7px 17px;
+}
+#search_link .link { color: #074079; }
+
+#search_bar {
+   padding: 7px 17px;
+}
+
+
+.search.row.advanced_search select.default_class { width: 90px; }
+.search.row.advanced_search select { width: 130px; }
+.search.row.advanced_search input[type=text] { width: 227px; }
+
+.search.row.buttons {
+   float: right;
+   background-color: #cde8f8;
+}
+.search.row button {
+   display: block;
+   font-weight: bold;
+   width: 20px;
+   height: 20px;
+   margin: 3px;
+   padding: 0;
+}
+
+dl {
+   margin: 0;
+   padding: 0;
+}
+
+button { margin-right: 5px; }
+
+input[type=text] {
+   width: 176px;
+   border: 1px e9ebf3 solid;
+   padding: 0px 0px 0px 4px;
+   height: 20px;
+   margin-bottom: 5px;
+   margin-right: 10px;
+}
+
+select {
+   width: 182px;
+   border: 1px e9ebf3 solid;
+   padding: 2px 0px 2px 3px;
+   margin-bottom: 5px;
+   margin-right: 10px;
+}
+
+select.slim {
+   width: 89px;
+   margin: 0;
+}
+input.slim { width: 75px; margin-left: 8px; }
+input[type=checkbox] { margin-bottom: 12px; }
+
+/* Original styles */
+dd {
+       margin-left: 0;
+}
+#loading {
+       position: fixed;
+       top: 10%;
+       right: 50%;
+       z-index: 9999;
+}
+.edit_hold hr {
+       width: 80%;
+}
+
+/*
+.link {
+       text-decoration: underline;
+       color: blue;
+       cursor: pointer;
+}
+.link:hover {
+       color: green;
+}
+*/
+
+.active {
+       color: black;
+}
+.inactive {
+       color: silver;
+}
+.loading {
+       background: silver;
+       color: white;
+}
+.failed {
+       background: gray;
+       color: white;
+}
+
+/* Styles for the footer bar.
+ */
+#footer_bar {
+       color: gray;
+       font-size: smaller;
+}
+#footer_bar a {
+       color: gray;
+/*     text-decoration: none; */
+}
+#footer_bar span {
+       padding-right: 10px;
+}
+#engine img {
+       border: none;
+       width: 94px;
+       height: 16px;
+}
+
+/* Styles for jQuery.blockUI
+ */
+.blockUI {
+       width: 80%;
+       top: 0%;
+       left: 0%;
+       border: 3px solid #aaa;
+       text-align:     left;
+       color: #000;
+       background: #fff;
+       cursor: default;
+       padding-top: 10px;
+       padding-left: 5px;
+       padding-bottom: 15px;
+       padding-right: 10px;
+       margin-top: 1%;
+       margin-left: 10%;
+       margin-right: 10%;
+}
+
+/* Styles for the jQuery.blockUI overlay.
+ */
+.blockOverlay {
+       background: #000;
+       opacity:        0.6;
+       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+       filter:         alpha(opacity=60);
+       cursor:         default;
+}
+
+/* Styles applied when using jQuery.growlUI.
+ */
+.growlUI {
+       width:          350px;
+       top:            10px;
+       left:           0px;
+       right:          10px;
+       border:         none;
+       padding:        5px;
+       opacity:        0.6;
+       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+       filter:         alpha(opacity=60);
+       cursor:         default;
+       color:          #fff;
+       background: #000;
+       -webkit-border-radius: 10px;
+       -moz-border-radius:      10px;
+}
+.promptUI {
+       width:          350px;
+       top:            10px;
+       left:           0px;
+       right:          10px;
+       border:         none;
+       padding:        5px;
+       opacity:        0.9;
+       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+       filter:         alpha(opacity=90);
+       cursor:         default;
+       color:          #fff;
+       background: #000;
+       -webkit-border-radius: 10px;
+       -moz-border-radius:      10px;
+}