Author: sevein
Date: Wed Oct 5 16:53:03 2011
New Revision: 9957
Log:
CSS code for the new digital object browser, it could be more elegant
Modified:
trunk/css/main.css
Modified: trunk/css/main.css
==============================================================================
--- trunk/css/main.css Wed Oct 5 16:49:38 2011 (r9956)
+++ trunk/css/main.css Wed Oct 5 16:53:03 2011 (r9957)
@@ -244,16 +244,86 @@
.digital-object-browser ul {
+ margin-left: -10px;
+
}
.digital-object-browser li {
display: inline;
float: left;
- height: 100px;
- width: 75px;
- border: 1px solid black;
- margin-right: 10px;
+ margin-left: 10px;
+ margin-bottom: 10px;
+ position: relative;
+ text-align: center;
+ background-color: #eee;
+ padding: 4px;
+ box-shadow: 2px 2px 2px #bbb;
+ -moz-box-shadow: 2px 2px 2px #bbb;
+ -webkit-box-shadow: 2px 2px 2px #bbb;
+ border: 1px solid #999;
+}
+
+.digital-object-browser a {
+
+ display: block;
+
+}
+
+.digital-object-detail {
+
+ position: absolute;
+ background-color: White;
+ width: 180px;
+ height: auto;
+ z-index: 15000;
+ text-align: center;
+ padding: 0 10px;
+
+ border: 1px solid #666;
+ box-shadow: 0px 0px 2px #999;
+ -moz-box-shadow: 0px 0px 2px #999;
+ -webkit-box-shadow: 0px 0px 2px #999;
+
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.digital-object-detail > .img {
+
+ margin: 0 -10px 10px -10px;
+ background-color: #eee;
+ padding: 10px 0;
+ border: 1px solid #d6d6d6;
+
+}
+
+.digital-object-detail > h2 {
+
margin-bottom: 10px;
+
+}
+
+.digital-object-detail > h2 > a {
+
+ display: inline;
+
+}
+
+.digital-object-detail > .field {
+
+ margin-bottom: 10px;
+
+}
+
+.digital-object-detail * {
+
+ position: static;
+ font-size: 12px;
+ line-height: 1em;
+ margin: 0;
+ padding: 0;
+
}
/* Hide printables */
--
You received this message because you are subscribed to the Google Groups
"Qubit Toolkit Commits" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/qubit-commits?hl=en.
