more bootstrap integration, cleanup and some small bugfixes
[photo-tags.git] / css / style.css
1 body {text-align: center;}
2
3 footer {
4   border-top: 1px solid grey;
5   color: #333;
6 }
7
8 .copyright {
9     color: #555;
10     float:right;
11 }
12
13 .permalink {
14     position: absolute;
15     top: 0px;
16     right: 0px;
17     color: #333;
18     padding-right: 1em;
19 }
20
21 .tagsearch {
22     text-align: left;
23     padding-left: 50px;
24 }
25
26 .tagsearch p { margin-top: 3px;}
27
28
29 h1 { padding-top: 1em;}
30
31 a[visited]{ color: #aaa;}
32
33 nav {
34     text-align: center;
35 }
36
37 .pics li {
38   display: inline;
39   list-style: none;
40 }
41
42 .pics img {
43   margin: 2px;
44   height: 100px;
45 }
46
47 img.current {
48     position:relative;
49     border: 2px solid black;
50 }
51
52 .pics img.large{
53   height: 500px;
54 }
55
56
57 .debug { position: absolute; top:0; left:0}
58
59 .nextprev ul li {
60     display:inline;
61 }
62 .nextprev ul li img {
63     margin-right: 5px;
64 }
65
66 .singlepic {
67     position: relative;
68     display: inline-block;
69     height: 500px;
70 }
71
72 .singlepic img.large, .singlepic .left, .singlepic .right  {
73     display: inline;
74 }
75
76 .singlepic:hover .left, .singlepic:hover .right {
77     opacity: 0.6;
78 }
79
80 .singlepic .left:hover, .singlepic .right:hover {
81     opacity: 0.95;
82 }
83
84 .singlepic img.left , .singlepic img.right  {
85     position: relative;
86     top: 0%;
87     width: 50px;
88     height: 50px;
89     margin-top: 50px;
90     border: 0px solid white;
91 }
92