-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.css
executable file
·109 lines (99 loc) · 8.72 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
body { background-color: #eee; margin: 8px }
a:hover, a:focus, a:active { outline: 1px dashed #222 }
#image-container a { float: left; margin-bottom: 4px }
#image-container img {
display: inline-block;
vertical-align: middle;
opacity: 0;
transition: opacity .5s linear, height .5s step-start
}
#image-container .show-off { opacity: 1; transition-timing-function: linear, step-end }
#image-container .nsfw { background: transparent url(data:image/png;base64,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) no-repeat top right }
#image-container .nsfw img { opacity: .05 }
footer {
clear: both;
margin: -8px;
color: #eee;
border-top: 1px solid #eee;
padding: 0;
font-size: .9em;
height: 25px;
line-height: 25px;
text-align: center;
background: #45484d linear-gradient(to bottom, #45484d 0%,#000222 100%);
text-shadow: 1px 1px 1px #000
}
footer a { color: #999; text-decoration: none }
footer a:hover { color: orange }
.prefs {
float: right;
margin-bottom: -30px;
display: inline;
font-size: 1.2em
}
.prefs .enabled { color: limegreen }
.prefs .disabled { color: orange }
.prefs a { margin-right: 10px }
.prefs a:hover {
cursor: pointer;
color: #222;
text-shadow: 0 0 5px #eee;
transition: .5s
}
/*
* One image to show
*/
.image-container-alone img {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
max-width: 100%;
max-height: 100%;
box-shadow: 1px 0 0 0 rgba(255,255,255,0.1) inset,0 0 1px rgba(0,0,0,0.5),0 0 20px rgba(0,0,0,0.5)
}
/*
* Previous/next
*/
.image-container-previous, .image-container-next {
position: absolute;
top: 50%;
display: inline-block;
color: #eee;
padding: 5px;
font-size: 3em;
opacity: .1;
transition: .5s
}
.image-container-previous:hover, .image-container-next:hover {
opacity: 1;
transition: .5s
}
.image-container-next { right: 0; margin-right: 10px }
/*
* Toolbar
*/
.image-container-alone-toolbar {
width: 126px;
border: 1px solid #222;
background-color: #eee;
border-radius: 10px;
box-shadow: 0px 0px 20px #111;
opacity: .1;
transition: 1s
}
.image-container-alone-toolbar:hover { opacity: .5; transition: 1s }
.image-container-alone-toolbar a {
outline: 0;
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
opacity: .5
}
.image-container-alone-toolbar a:hover { opacity: 1; transition: .5s }
.image-container-alone-toolbar .home { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAJ1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdEvm1AAAADHRSTlN1l0RCipGEg4J9fAC0sU2RAAAAhklEQVR42tXRSwrAIBADUPvXdu5/3pYUiZAshEJps4gj8zZiOjrzCE5jH9wjMoa4QugcpEB1kArVZZRAdfXYPaQrGwY0oXG3QXtYqqMshNZREhqHrJSE6lQmdV4mdSoJE53K0kA6Jxu40KkcCJGwweoNyNX3YXTDHzwGt/f+enZuMdDnV/AEG1FFwGoYtU4AAAAASUVORK5CYII=) no-repeat center center }
.image-container-alone-toolbar .permalink { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAwFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALOy8QAAAAP3RSTlN2qBL8DhH9a71M1+gIWummQxjussVb99k6bAUoCmTRO+LxDAIPzgYDFkomYgdCsfYE4Z0thCAzjByVfFNzAQB/x9zgAAAAv0lEQVR42s3UxQ7CYBCF0UIguLu7e6FCZeb93woNFP7K3ZDwrU8ym5uRCOy/oSpBUAnxEYBhjVkOPp22+JoeBEeZwc2dKADma3wv4g+PcX7UID+oy/ws1fSB4xO/MskTTmP8bmJ7QdvMsqM6ecBel51tyR22SvzZ0hUWzvzVmVzg0GChuQj3naroDBJgos9iu3bQcJ9wRRg8zEC4IAyWCYQqCHMEQgWEGoEwCkKLMFhcg7BCGEzaINz8zSP9FbwA3LN85kf/0jUAAAAASUVORK5CYII=) no-repeat center center }
.image-container-alone-toolbar .source { background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABp1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABk7Y+rAAAAjHRSTlOOHkXnCGzQ9GZezRNPjTyl2Ks9WapqTRigTJJtH54O14l4x1zmsmWMwuDkSOlk4ZxHvIdKu/176IBiCjRQ3QKCtyytDxr5IqZ9TsO4vcmbQzE6DRUzafMdYxQmj9OEKxD7fBGZLyX2Fq5J7BIFse2dG4Ec4/73kCQtzAyLINtC/AcX3sUoWwRz8QMBAHgpTsMAAAGsSURBVHja7ZRXU8JAFEbtvffee29j7733SnNUmhXUEQvooCAhufuj3bsbIIAyPvrg93Tutyc7O5NsouCX+Rcxd/l5WV7jx7Wgiyj2NhF/Kms9P4mP3SQodV3fiuIiCUvnS7h4uszXUpL0qae6ZDOfOgyh4uw9W8h0gxxTOldHgsW7ASxvcigaXIkk4eQYQKVh5pNS3P7Aqu8Y2UlY0gCuShAeHhXiNDbrIrCccTOXooDw6vSLQzifScCTQXjeKZ8g2HziDk5m9BoarQDSBRercN2GpJdFO+4/jLWLEIsbbrnYgo10TWmFixK2U4C5Qaz/JDzsLJdIJiZ6+IEwXqKMiNUVdg4mwgLFSfZ4jdK7wIadYwy46Ma6B1tBKaqxWUIalUWYwEmgUKEUy2jxhuACnyiu4VxN6TzgHdKxlZHDL4J1H4tyJ0Cx0itl9Kb8KJ5YpVEBHGnpe4+NigZ4z2blZ/BntklYtJcgJy6eyF6wCPP3fKGooJBuG6Pm09xW+FV4sZCwPB98e7nO20K8vfEfrqunvTlgGftnIv0AdgdX6ct9eLZviH/2J/UXxS/jWTvHcUASSgAAAABJRU5ErkJggg==) no-repeat center center }