##// END OF EJS Templates
u » bodqhrohro » swineboard
RSS
Changed fancybox skin a bit.
neko259 -
r65:805a710c default
parent child Browse files
Show More
Show file before | Show file after | Hide comments
@@ -1,207 +1,218 b''
1 1 html {
2 2 background: #555;
3 3 color: #ffffff;
4 4 }
5 5
6 6 #admin_panel {
7 7 background: #FF0000;
8 8 color: #00FF00
9 9 }
10 10
11 11 .title {
12 12 font-weight: bold;
13 13 color: #ffcc00;
14 14 }
15 15
16 16 .link, a {
17 17 color: #afdcec;
18 18 }
19 19
20 20 .block {
21 21 display: inline-block;
22 22 vertical-align: top;
23 23 }
24 24
25 25 .tag {
26 26 color: #b4cfec;
27 27 }
28 28
29 29 .post_id {
30 30 color: #fff380;
31 31 }
32 32
33 33 .post, .dead_post {
34 34 background: #333;
35 35 margin: 5px;
36 36 padding: 10px;
37 37 border-radius: 5px;
38 38 clear: left;
39 39 }
40 40
41 41 .metadata {
42 42 padding: 5px;
43 43 margin-top: 10px;
44 44 border: solid 1px #666;
45 45 font-size: 0.9em;
46 46 color: #ddd;
47 47 display: table;
48 48 }
49 49
50 50 .navigation_panel {
51 51 background: #444;
52 52 margin: 5px;
53 53 padding: 10px;
54 54 border-radius: 5px;
55 55 color: #eee;
56 56 }
57 57
58 58 .navigation_panel .link {
59 59 border-right: 1px solid #fff;
60 60 font-weight: bold;
61 61 margin-right: 1ex;
62 62 padding-right: 1ex;
63 63 }
64 64 .navigation_panel .link:last-child {
65 65 border-left: 1px solid #fff;
66 66 border-right: none;
67 67 float: right;
68 68 margin-left: 1ex;
69 69 margin-right: 0;
70 70 padding-left: 1ex;
71 71 padding-right: 0;
72 72 }
73 73
74 74 .navigation_panel::after, .post::after {
75 75 clear: both;
76 76 content: ".";
77 77 display: block;
78 78 height: 0;
79 79 line-height: 0;
80 80 visibility: hidden;
81 81 }
82 82
83 83 p {
84 84 margin-top: .5em;
85 85 margin-bottom: .5em;
86 86 }
87 87
88 88 .post-form-w {
89 89 display: table;
90 90 background: #333344;
91 91 border-radius: 5px;
92 92 color: #fff;
93 93 padding: 10px;
94 94 margin: 5px
95 95 }
96 96
97 97 .form-row {
98 98 display: table-row;
99 99 }
100 100
101 101 .form-label, .form-input {
102 102 display: table-cell;
103 103 }
104 104
105 105 .form-label {
106 106 padding: .25em 1ex .25em 0;
107 107 vertical-align: top;
108 108 }
109 109
110 110 .form-input {
111 111 padding: .25em 0;
112 112 }
113 113
114 114 .post-form input, .post-form textarea {
115 115 background: #333;
116 116 color: #fff;
117 117 border: solid 1px;
118 118 padding: 0;
119 119 width: 100%;
120 120 }
121 121
122 122 .form-submit {
123 123 border-bottom: 2px solid #ddd;
124 124 margin-bottom: .5em;
125 125 padding-bottom: .5em;
126 126 }
127 127
128 128 .form-title {
129 129 font-weight: bold;
130 130 }
131 131
132 132 input[type="submit"] {
133 133 background: #222;
134 134 border: solid 1px #fff;
135 135 color: #fff;
136 136 }
137 137
138 138 blockquote {
139 139 border-left: solid 2px;
140 140 padding-left: 5px;
141 141 color: #B1FB17;
142 142 margin: 0;
143 143 }
144 144
145 145 .post > .image {
146 146 float: left; margin: 0 1ex .5ex 0;
147 147 }
148 148
149 149 .post > .metadata {
150 150 clear: left;
151 151 }
152 152
153 153 .get {
154 154 font-weight: bold;
155 155 color: #d55;
156 156 }
157 157
158 158 * {
159 159 text-decoration: none;
160 160 }
161 161
162 162 .dead_post {
163 163 background-color: #442222;
164 164 }
165 165
166 166 .quote {
167 167 color: greenyellow;
168 168 padding-left: 5px;
169 169 border-left: solid 2px greenyellow;
170 170 }
171 171
172 172 .spoiler {
173 173 background: white;
174 174 color: white;
175 175 }
176 176
177 177 .spoiler:hover {
178 178 background: black;
179 179 }
180 180
181 181 .comment {
182 182 color: darkseagreen;
183 183 }
184 184
185 185 a:hover {
186 186 text-decoration: underline;
187 187 }
188 188
189 189 .last-replies {
190 190 margin-left: 3ex;
191 191 }
192 192
193 193 .thread {
194 194 margin-bottom: 3ex;
195 195 }
196 196
197 197 .post:target {
198 198 border: solid 2px white;
199 199 }
200 200
201 201 pre{
202 202 white-space:pre-wrap
203 203 }
204 204
205 205 li {
206 206 list-style-position: inside;
207 }
208
209 .fancybox-skin {
210 position: relative;
211 background-color: #fff;
212 color: #ddd;
213 text-shadow: none;
214 }
215
216 .fancybox-image {
217 border: 1px solid black;
207 218 } No newline at end of file
Show file before | Show file after | Hide comments
@@ -1,14 +1,14 b''
1 1 $( document ).ready(function() {
2 2 $("a[href='#top']").click(function() {
3 3 $("html, body").animate({ scrollTop: 0 }, "slow");
4 4 return false;
5 5 });
6 6
7 7 $(".fancy").fancybox({
8 8 closeBtn: false,
9 9 closeClick: true,
10 padding: 5,
10 padding: 7,
11 11 openEffect: 'none',
12 12 closeEffect: 'none'
13 13 });
14 14 }) No newline at end of file
Show file before | Show file after | Hide comments
@@ -1,44 +1,44 b''
1 1 {% load staticfiles %}
2 2 {% load i18n %}
3 3
4 4 <!DOCTYPE html>
5 5 <html>
6 6 <head>
7 7 <link rel="stylesheet" type="text/css"
8 href="{{ STATIC_URL }}css/{{ theme }}/base_page.css" media="all"/>
8 href="{{ STATIC_URL }}css/jquery.fancybox.css" media="all"/>
9 9 <link rel="stylesheet" type="text/css"
10 href="{{ STATIC_URL }}css/jquery.fancybox.css" media="all"/>
10 href="{{ STATIC_URL }}css/{{ theme }}/base_page.css" media="all"/>
11 11 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
12 12 {% block head %}{% endblock %}
13 13 </head>
14 14 <body>
15 15 <script src="{{ STATIC_URL }}js/jquery-2.0.1.min.js"></script>
16 16 <script src="{{ STATIC_URL }}js/jquery.fancybox.pack.js"></script>
17 17 <script src="{{ STATIC_URL }}js/main.js"></script>
18 18 <div id="admin_panel">
19 19
20 20 {% if request.session.admin == True %}
21 21 Admin panel TODO: Need to implement <BR />
22 22 {% endif %}
23 23
24 24 </div>
25 25
26 26 <div class="navigation_panel">
27 27 <a class="link" href="{% url 'index' %}">{% trans "All threads" %}</a>
28 28 {% for tag in tags %}
29 29 <a class="tag" href=" {% url 'tag' tag_name=tag.name %}">
30 30 {{ tag.name }}</a>({{ tag.get_post_count }})
31 31 {% endfor %}
32 32 <a class="tag" href="{% url 'tags' %}">[...]</a>
33 33 <a class="link" href="{% url 'settings' %}">{% trans 'Settings' %}</a>
34 34 </div>
35 35
36 36 {% block content %}{% endblock %}
37 37
38 38 <div class="navigation_panel">
39 39 {% block metapanel %}{% endblock %}
40 40 <a class="link" href="#top">{% trans 'Up' %}</a>
41 41 </div>
42 42
43 43 </body>
44 44 </html> No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now