summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorLukas Fleischer <info@cryptocrack.de>2011-03-01 19:51:20 +0100
committerLukas Fleischer <info@cryptocrack.de>2011-03-01 19:51:20 +0100
commit4dba00ed3c14a3e81cf1dcc26f2f26b2486f0213 (patch)
treec8400086251ade982c4ade48a45c4993e03079e4 /css
downloadcalcurse.org-4dba00ed3c14a3e81cf1dcc26f2f26b2486f0213.tar.gz
calcurse.org-4dba00ed3c14a3e81cf1dcc26f2f26b2486f0213.zip
Initial commit.
Signed-off-by: Lukas Fleischer <info@cryptocrack.de>
Diffstat (limited to 'css')
-rw-r--r--css/lightbox.css27
-rw-r--r--css/style.css103
2 files changed, 130 insertions, 0 deletions
diff --git a/css/lightbox.css b/css/lightbox.css
new file mode 100644
index 0000000..3b5f7aa
--- /dev/null
+++ b/css/lightbox.css
@@ -0,0 +1,27 @@
+#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
+#lightbox img{ width: auto; height: auto;}
+#lightbox a img{ border: none; }
+
+#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
+#imageContainer{ padding: 10px; }
+
+#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
+#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
+#imageContainer>#hoverNav{ left: 0;}
+#hoverNav a{ outline: none;}
+
+#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
+#prevLink { left: 0; float: left;}
+#nextLink { right: 0; float: right;}
+#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
+
+#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
+
+#imageData{ padding:0 10px; color: #666; }
+#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
+#imageData #caption{ font-weight: bold; }
+#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
+#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
+
+#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..1eb0ca8
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,103 @@
+body {
+ background-color:#eee;
+ font:10pt sans-serif;
+ margin:0;
+ padding:0;
+}
+
+#header {
+ background-color:white;
+ padding:1ex 2ex;
+ border-bottom:7px solid #666;
+}
+
+#header h1 {
+ color:#888;
+ font-size:150%;
+ margin:0.5ex;
+ padding:0;
+ float:left;
+}
+
+#header ul#nav {
+ display:inline;
+ float:right;
+ margin:1ex;
+ padding:3px;
+ list-style-type:none;
+}
+
+#header ul#nav li {
+ float:left;
+ padding:0 0.5em;
+}
+
+#header ul#nav li a {
+ color:#888;
+ font-weight:bold;
+ border:solid white;
+ border-width:3px 0;
+ padding:2px 0;
+}
+
+#header ul#nav li a.current {
+ color:#aaa;
+}
+
+#header ul#nav li a:hover {
+ border-color:#888;
+ text-decoration:none;
+}
+
+#header ul#nav li a.current:hover {
+ border-color:#aaa;
+}
+
+#contents {
+ background-color:white;
+ margin:2em;
+ padding:2ex 3ex;
+ border:1px solid #aaa;
+}
+
+h2 {
+ color:white;
+ background-color:#444;
+ font-size:100%;
+ padding:0.3ex 1ex;
+ margin:2ex 0 1ex 0;
+}
+
+a {
+ color:#666;
+ text-decoration:none;
+}
+
+a:hover {
+ text-decoration:underline;
+}
+
+a[href^="http:"], a[href^="https:"] {
+ background: transparent url('../images/extern.gif') 100% 50% no-repeat;
+ padding-right: 12px;
+}
+
+address {
+ background-color:#eee;
+ border:1px solid #aaa;
+ font:normal normal normal 100% monospace;
+ margin:5px;
+ padding:5px;
+}
+
+pre {
+ background-color:#eee;
+ border:1px solid #aaa;
+ font:normal normal normal 100% monospace;
+ margin:5px;
+ padding:5px;
+}
+
+ul.pkglist li {
+ margin-bottom:1ex;
+}