added init function for code that needs to be called after the script has been loaded
[photo-tags.git] / css / style.css
1
2 h1 {
3     color:red;
4     margin: 1em 0;
5     text-align: center;
6 }
7 body {
8     background-color: black;
9     color: #eee;
10 }
11
12 .permalink {
13     float:right;
14     color: #eee;
15     padding-right: 1em;
16 }
17
18 a[visited]{ color: #aaa;}
19
20 .index {
21     margin: 0 10px;
22 }
23 nav {
24     text-align: center;
25 }
26
27 .pics li {
28   display: inline;
29   list-style: none;
30 }
31
32 .pics img {
33   border: 1px solid white;
34   margin: 2px;
35   height: 100px;
36 }
37
38 img.current {
39     position:relative;
40     top:1px;
41     border: 1px solid white;
42 }
43
44 .pics img.large{
45   border: 1px solid white;
46   margin: 2px;
47   height: 500px;
48 }
49
50 footer {
51   border-top: 1px solid grey;
52   color: #eee;
53 }
54
55 .copyright {
56     color: #999;
57     float:right;
58 }
59
60
61 .debug { position: absolute; top:0; left:0}
62
63 button.currentpage {
64    background-color: #aaa;
65 }
66
67 .nextprev ul li {
68     display:inline;
69 }
70 .nextprev ul li img {
71     margin-right: 5px;
72 }
73
74 .singlepic {
75     position: relative;
76     display: inline-block;
77 }
78
79 .singlepic:hover .left, .singlepic:hover .right {
80     display: inline-block;
81     opacity: 0.6;
82 }
83
84 .singlepic .left img, .singlepic .right img {
85     position: absolute;
86     top: 50%;
87     width: 50px;
88     height: 50px;
89     margin-top: -25px;
90     border: 0px solid white;
91 }
92
93 .singlepic .left, .singlepic .right {
94     display: none;
95     height: 500px;
96     width: 50px;
97     z-index:2;
98     opacity: 0.0;
99 }
100 .singlepic .left {
101     position: absolute;
102     left: 3px;
103     top: 3px;
104 }
105 .singlepic .right {
106     position: relative;
107     left: -56px;
108     top: -3px;
109 }
110
111 .singlepic .left:hover, .singlepic .right:hover {
112     opacity: 0.95;
113 }