added Bootstrap and converted some parts the pagination to it.
[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 nav {
21     text-align: center;
22 }
23
24 .pics li {
25   display: inline;
26   list-style: none;
27 }
28
29 .pics img {
30   border: 1px solid white;
31   margin: 2px;
32   height: 100px;
33 }
34
35 img.current {
36     position:relative;
37     top:1px;
38     border: 1px solid white;
39 }
40
41 .pics img.large{
42   border: 1px solid white;
43   margin: 2px;
44   height: 500px;
45 }
46
47 footer {
48   border-top: 1px solid grey;
49   color: #eee;
50 }
51
52 .copyright {
53     color: #999;
54     float:right;
55 }
56
57
58 .debug { position: absolute; top:0; left:0}
59
60 .nextprev ul li {
61     display:inline;
62 }
63 .nextprev ul li img {
64     margin-right: 5px;
65 }
66
67 .singlepic {
68     position: relative;
69     display: inline-block;
70 }
71
72 .singlepic:hover .left, .singlepic:hover .right {
73     display: inline-block;
74     opacity: 0.6;
75 }
76
77 .singlepic .left img, .singlepic .right img {
78     position: absolute;
79     top: 50%;
80     width: 50px;
81     height: 50px;
82     margin-top: -25px;
83     border: 0px solid white;
84 }
85
86 .singlepic .left, .singlepic .right {
87     display: none;
88     height: 500px;
89     width: 50px;
90     z-index:2;
91     opacity: 0.0;
92 }
93 .singlepic .left {
94     position: absolute;
95     left: 3px;
96     top: 3px;
97 }
98 .singlepic .right {
99     position: relative;
100     left: -56px;
101     top: -3px;
102 }
103
104 .singlepic .left:hover, .singlepic .right:hover {
105     opacity: 0.95;
106 }