Mercurial > scaa_se_gamer_dark
comparison theme/bidi.css @ 0:84057f728815
Initial commit. Already a few changes in here
author | Eris Caffee <discordia@eldalin.com> |
---|---|
date | Sun, 26 Jan 2014 21:32:19 -0800 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:b1c001311e3d |
---|---|
1 /* RTL definitions | |
2 ---------------------------------------- */ | |
3 | |
4 /** | |
5 * common.css | |
6 */ | |
7 .rtl h1 { | |
8 margin-right: 0; | |
9 margin-left: 200px; | |
10 } | |
11 | |
12 .rtl p.right { | |
13 text-align: left; | |
14 } | |
15 | |
16 .rtl div.rules ul { | |
17 margin-left: 0; | |
18 margin-right: 20px; | |
19 } | |
20 | |
21 .rtl .headerbar { | |
22 width: 99%; | |
23 } | |
24 | |
25 .rtl .navbar { | |
26 overflow: hidden; | |
27 } | |
28 | |
29 /* Main blocks | |
30 ---------------------------------------- */ | |
31 .rtl #logo { | |
32 float: right; | |
33 padding: 10px 10px 0 13px; | |
34 } | |
35 | |
36 /* Search box | |
37 --------------------------------------------- */ | |
38 .rtl #search-box { | |
39 float: left; | |
40 text-align: left; | |
41 margin-right: 0; | |
42 margin-left: 5px; | |
43 } | |
44 | |
45 .rtl #search-box li { | |
46 text-align: left; | |
47 } | |
48 | |
49 .rtl #search-box img { | |
50 margin-right: 0; | |
51 margin-left: 3px; | |
52 } | |
53 | |
54 .rtl #site-description { | |
55 float: right; | |
56 } | |
57 | |
58 .rtl #site-description h1 { | |
59 margin-left: 0; | |
60 } | |
61 | |
62 /* Round cornered boxes and backgrounds | |
63 ---------------------------------------- */ | |
64 .rtl .post { | |
65 background-position: 0 0; | |
66 } | |
67 | |
68 /* Horizontal lists | |
69 ----------------------------------------*/ | |
70 .rtl ul.linklist li { | |
71 float: right; | |
72 margin-right: 0; | |
73 margin-left: 5px; | |
74 } | |
75 | |
76 .rtl ul.linklist li.rightside, .rtl p.rightside { | |
77 float: left; | |
78 margin-right: 5px; | |
79 margin-left: 0; | |
80 text-align: left; | |
81 } | |
82 | |
83 .rtl ul.leftside li, .rtl ul.rightside li { | |
84 float: left; | |
85 } | |
86 | |
87 .rtl ul.leftside { | |
88 float: right; | |
89 margin-left: 5px; | |
90 margin-right: 0; | |
91 text-align: right; | |
92 } | |
93 | |
94 .rtl ul.rightside { | |
95 float: left; | |
96 margin-left: -5px; | |
97 margin-right: 5px; | |
98 text-align: left; | |
99 } | |
100 | |
101 /* Table styles | |
102 ----------------------------------------*/ | |
103 .rtl table.table1 thead th { | |
104 padding: 0 3px 4px 0; | |
105 } | |
106 | |
107 .rtl table.table1 thead th span { | |
108 padding-left: 0; | |
109 padding-right: 7px; | |
110 } | |
111 | |
112 .rtl table.table1 tbody th { | |
113 text-align: right; | |
114 } | |
115 | |
116 /* Specific column styles */ | |
117 .rtl table.table1 .name { text-align: right; } | |
118 .rtl table.table1 .joined { text-align: right; } | |
119 .rtl table.table1 .active { text-align: right; } | |
120 .rtl table.table1 .info { text-align: right; } | |
121 .rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; } | |
122 | |
123 .rtl table.table1 span.rank-img { | |
124 float: left; | |
125 } | |
126 | |
127 .rtl table.info tbody th { | |
128 text-align: left; | |
129 } | |
130 | |
131 .rtl .forumbg table.table1 { | |
132 margin: 0 -1px -1px -2px; | |
133 } | |
134 | |
135 /* Misc layout styles | |
136 ---------------------------------------- */ | |
137 /* column[1-2] styles are containers for two column layouts | |
138 Also see tweaks.css */ | |
139 .rtl .column1 { | |
140 float: right; | |
141 clear: right; | |
142 } | |
143 | |
144 .rtl .column2 { | |
145 float: left; | |
146 clear: left; | |
147 } | |
148 | |
149 /* General classes for placing floating blocks */ | |
150 .rtl .left-box { | |
151 float: right; | |
152 text-align: right; | |
153 } | |
154 | |
155 .rtl .right-box { | |
156 float: left; | |
157 text-align: left; | |
158 } | |
159 | |
160 .rtl dl.details dt { | |
161 float: right; | |
162 clear: right; | |
163 text-align: left; | |
164 } | |
165 | |
166 .rtl dl.details dd { | |
167 margin-right: 0; | |
168 margin-left: 0; | |
169 padding-right: 5px; | |
170 padding-left: 0; | |
171 float: right; | |
172 } | |
173 | |
174 *:first-child+html dl.details dd { | |
175 margin-right: 30%; | |
176 float: none; | |
177 } | |
178 | |
179 * html dl.details dd { | |
180 margin-right: 30%; | |
181 float: none; | |
182 } | |
183 | |
184 /* Pagination | |
185 ---------------------------------------- */ | |
186 .rtl .pagination { | |
187 text-align: left; | |
188 float: left; | |
189 padding-left: 5px; | |
190 } | |
191 | |
192 /* Pagination in viewforum for multipage topics */ | |
193 .rtl .row .pagination { | |
194 float: left; | |
195 padding: 1px 0 1px 15px; | |
196 } | |
197 | |
198 .rtl .pagination span { | |
199 direction: ltr; | |
200 } | |
201 | |
202 .rtl .pagination span.page-sep { | |
203 display: inline; | |
204 visibility: hidden; | |
205 position: absolute; | |
206 } | |
207 | |
208 /* Miscellaneous styles | |
209 ---------------------------------------- */ | |
210 .rtl #forum-permissions { | |
211 float: left; | |
212 padding-right: 5px; | |
213 padding-left: 0; | |
214 margin-right: 5px; | |
215 margin-left: 0; | |
216 text-align: left; | |
217 } | |
218 | |
219 .rtl .forabg { | |
220 width: 99%; /* fix for IE6 */ | |
221 } | |
222 | |
223 .rtl .forumbg { | |
224 width: 99%; /* fix for IE6 */ | |
225 } | |
226 | |
227 /** | |
228 * links.css | |
229 */ | |
230 | |
231 /* Back to top of page */ | |
232 .rtl .back2top { | |
233 text-align: left; | |
234 } | |
235 | |
236 /* Links adjustment to correctly display an order of rtl/ltr mixed content */ | |
237 .rtl a { | |
238 direction: rtl; | |
239 unicode-bidi: embed; | |
240 } | |
241 | |
242 .rtl a.top { | |
243 float: left; | |
244 } | |
245 | |
246 .rtl a.top2 { | |
247 background-position: 100% 50%; | |
248 padding-left: 0; | |
249 padding-right: 15px; | |
250 } | |
251 | |
252 .rtl .skiplink { | |
253 /* invisible skip link, used for accessibility */ | |
254 position: relative; | |
255 width: 1px; | |
256 height: 1px; | |
257 overflow: hidden; | |
258 display: block; | |
259 left: 0; | |
260 } | |
261 | |
262 .rtl a.feed-icon-forum { | |
263 float: left; | |
264 } | |
265 | |
266 /** | |
267 * content.css | |
268 */ | |
269 .rtl ul.topiclist dfn { | |
270 /* Labels for post/view counts */ | |
271 position: relative; | |
272 width: 1px; | |
273 height: 1px; | |
274 overflow: hidden; | |
275 display: block; | |
276 left: 0; | |
277 } | |
278 | |
279 .rtl ul.topiclist dt { | |
280 float: right; | |
281 } | |
282 | |
283 .rtl ul.topiclist dl { | |
284 position: static; /* fix for IE6 */ | |
285 } | |
286 | |
287 .rtl ul.topiclist dd { | |
288 float: right; | |
289 border-right-width: 1px; | |
290 border-right-style: solid; | |
291 border-left: none; | |
292 } | |
293 | |
294 .rtl ul.topiclist li.row dt a.subforum { | |
295 padding-right: 12px; | |
296 background-position: right; | |
297 position: static; | |
298 } | |
299 | |
300 .rtl .forum-image { | |
301 float: right; | |
302 margin-right: 0; | |
303 margin-left: 5px; | |
304 } | |
305 | |
306 .rtl li.header dt, .rtl li.header dd { | |
307 border-right-width: 0; | |
308 } | |
309 | |
310 .rtl li.header dd { | |
311 margin-left: 0; | |
312 margin-right: 1px; | |
313 } | |
314 | |
315 .rtl dl.icon { | |
316 background-position: 99.5% 50%; | |
317 } | |
318 | |
319 .rtl li.header dl.icon dt { | |
320 /* Tweak for headers alignment when folder icon used */ | |
321 padding-right: 0; | |
322 padding-left: 50px; | |
323 } | |
324 | |
325 .rtl dl.icon dt { | |
326 padding-left: 0; | |
327 padding-right: 45px; /* Space for folder icon */ | |
328 background-position: 99.5% 95%; /* Position of topic icon */ | |
329 } | |
330 | |
331 .rtl dd.lastpost span, .rtl ul.topiclist dd.searchby span, .rtl ul.topiclist dd.info span, .rtl ul.topiclist dd.time span, .rtl dd.redirect span, .rtl dd.moderation span { | |
332 padding-left: 0; | |
333 padding-right: 5px; | |
334 } | |
335 | |
336 .rtl dd.mark { | |
337 float: left !important; | |
338 } | |
339 | |
340 .rtl ul.topiclist dd.searchextra { | |
341 margin-left: 0; | |
342 margin-right: 5px; | |
343 border-right: none; | |
344 } | |
345 | |
346 /* Post body styles | |
347 ----------------------------------------*/ | |
348 .rtl .postbody { | |
349 float: right; | |
350 } | |
351 | |
352 /* Topic review panel | |
353 ----------------------------------------*/ | |
354 .rtl #topicreview { | |
355 padding-right: 0; | |
356 padding-left: 5px; | |
357 } | |
358 | |
359 /* Content container styles | |
360 ----------------------------------------*/ | |
361 .rtl .content ul, .rtl .content ol { | |
362 margin-right: 3em; | |
363 margin-left: 0; | |
364 } | |
365 | |
366 /* Post author */ | |
367 .rtl p.author { | |
368 margin: 0 0 0.6em 15em; | |
369 } | |
370 | |
371 .rtl .signature { | |
372 clear: right; | |
373 } | |
374 | |
375 .rtl .notice { | |
376 clear: right; | |
377 } | |
378 | |
379 /* Jump to post link for now */ | |
380 .rtl ul.searchresults { | |
381 text-align: left; | |
382 } | |
383 | |
384 /* BB Code styles | |
385 ----------------------------------------*/ | |
386 /* Quote block */ | |
387 .rtl blockquote { | |
388 margin: 0.5em 25px 0 1px; | |
389 background-position: 99% 8px; | |
390 } | |
391 | |
392 .rtl blockquote blockquote { | |
393 /* Nested quotes */ | |
394 margin: 0.5em 15px 0 1px; | |
395 } | |
396 | |
397 .rtl blockquote cite { | |
398 /* Username/source of quoter */ | |
399 margin-right: 20px; | |
400 margin-left: 0; | |
401 } | |
402 | |
403 .rtl blockquote dl.codebox { | |
404 margin-right: 0; | |
405 } | |
406 | |
407 .rtl code { | |
408 direction: ltr; | |
409 } | |
410 | |
411 /* Attachments | |
412 ----------------------------------------*/ | |
413 .rtl .attachbox { | |
414 float: right; | |
415 margin: 5px 0 5px 5px; | |
416 clear: right; | |
417 } | |
418 | |
419 .rtl .attachbox dd { | |
420 clear: right; | |
421 } | |
422 | |
423 .rtl .attachbox p { | |
424 clear: right; | |
425 } | |
426 | |
427 .rtl .attachbox p.stats { | |
428 clear: right; | |
429 } | |
430 | |
431 /* Post poll styles | |
432 ----------------------------------------*/ | |
433 .rtl fieldset.polls dt { | |
434 text-align: right; | |
435 float: right; | |
436 border-left: none; | |
437 } | |
438 | |
439 .rtl fieldset.polls dd { | |
440 float: right; | |
441 border-right: none; | |
442 margin-right: 0; | |
443 } | |
444 | |
445 .rtl fieldset.polls dd div { | |
446 text-align: left; | |
447 } | |
448 | |
449 .rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { | |
450 border-left-width: 1px; | |
451 border-left-style: solid; | |
452 border-right: none; | |
453 } | |
454 | |
455 /* Poster profile block | |
456 ----------------------------------------*/ | |
457 .rtl .postprofile { | |
458 border-left: none; | |
459 border-right-width: 1px; | |
460 border-right-style: solid; | |
461 float: left; | |
462 /* text-align: right; */ | |
463 } | |
464 | |
465 .rtl .pm .postprofile { | |
466 border-right-width: 1px; | |
467 border-right-style: solid; | |
468 border-left: none; | |
469 } | |
470 | |
471 .rtl .postprofile dd, .rtl .postprofile dt { | |
472 margin-left: 0; | |
473 margin-right: 8px; | |
474 } | |
475 | |
476 .rtl .online { | |
477 background-position: 0 0; | |
478 } | |
479 | |
480 .rtl dl.pmlist dd { | |
481 margin-right: 61% !important; | |
482 margin-left: 0 !important; | |
483 } | |
484 | |
485 /** | |
486 * buttons.css | |
487 */ | |
488 /* Rollover buttons | |
489 Based on: http://wellstyled.com/css-nopreload-rollovers.html | |
490 ----------------------------------------*/ | |
491 .rtl .buttons { | |
492 float: right; | |
493 } | |
494 | |
495 /* Rollover state */ | |
496 .rtl .buttons div { | |
497 margin: 0 1px 0 5px; | |
498 } | |
499 | |
500 /* Sub-header (navigation bar) | |
501 --------------------------------------------- */ | |
502 .rtl a.print, .rtl a.sendemail, .rtl a.fontsize { | |
503 text-align: right; | |
504 } | |
505 | |
506 /* Icon images | |
507 ---------------------------------------- */ | |
508 .rtl .sitehome, .rtl .icon-faq, .rtl .icon-members, .rtl .icon-home, .rtl .icon-ucp, .rtl .icon-register, .rtl .icon-logout, | |
509 .rtl .icon-bookmark, .rtl .icon-bump, .rtl .icon-subscribe, .rtl .icon-unsubscribe, .rtl .icon-pages, .rtl .icon-search { | |
510 background-position: 100% 50%; | |
511 padding: 1px 17px 0 0; | |
512 } | |
513 | |
514 /* Poster profile icons | |
515 ----------------------------------------*/ | |
516 /* Rollover state */ | |
517 .rtl .postprofile ul.profile-icons li { | |
518 float: right; | |
519 margin: 0 0 3px 6px; | |
520 } | |
521 | |
522 /* Positioning of moderator icons */ | |
523 .rtl .postbody ul.profile-icons { | |
524 float: left; | |
525 } | |
526 | |
527 /** | |
528 * cp.css | |
529 */ | |
530 /* Control Panel Styles | |
531 ---------------------------------------- */ | |
532 | |
533 | |
534 /* Main CP box | |
535 ----------------------------------------*/ | |
536 .rtl #cp-menu { | |
537 float: right; | |
538 } | |
539 | |
540 .rtl #cp-main { | |
541 float: right; | |
542 } | |
543 | |
544 .rtl #cp-main .panel ol { | |
545 margin-right: 2em; | |
546 margin-left: 0; | |
547 } | |
548 | |
549 .rtl #cp-main .pagination { | |
550 float: left; | |
551 } | |
552 | |
553 .rtl #cp-main .buttons { | |
554 margin-right: 0; | |
555 margin-left: 0; | |
556 } | |
557 | |
558 /* CP tabbed menu | |
559 ----------------------------------------*/ | |
560 .rtl #tabs { | |
561 margin: 20px 7px -1px 0; | |
562 position: relative; | |
563 } | |
564 | |
565 .rtl #tabs a { | |
566 float: right; | |
567 } | |
568 | |
569 /*.rtl #tabs a span { | |
570 float: right; | |
571 }*/ | |
572 | |
573 /* Mini tabbed menu used in MCP | |
574 ----------------------------------------*/ | |
575 .rtl #minitabs { | |
576 margin: -20px 0 0 7px; | |
577 } | |
578 | |
579 .rtl #minitabs li { | |
580 float: left; | |
581 margin-right: 2px; | |
582 margin-left: 0; | |
583 } | |
584 | |
585 /* UCP navigation menu | |
586 ----------------------------------------*/ | |
587 | |
588 /* Preferences pane layout | |
589 ----------------------------------------*/ | |
590 .rtl #cp-main h2 { | |
591 margin-left: 0; | |
592 margin-right: 10px; | |
593 } | |
594 | |
595 /* Friends list */ | |
596 .rtl .cp-mini { | |
597 margin: 10px 5px 10px 15px; | |
598 } | |
599 | |
600 /* PM Styles | |
601 ----------------------------------------*/ | |
602 | |
603 /* PM panel adjustments */ | |
604 .rtl .reply-all a.right { | |
605 background-position: 5% 60%; | |
606 } | |
607 | |
608 .rtl .reply-all a.right:hover { | |
609 background-position: 3% 60%; | |
610 } | |
611 | |
612 .rtl .reply-all { | |
613 padding-left: 5px; | |
614 } | |
615 | |
616 /* Defined rules list for PM options */ | |
617 .rtl ol.def-rules { | |
618 padding-right: 0; | |
619 } | |
620 | |
621 /* PM marking colours */ | |
622 .rtl .pm-legend { | |
623 border-right-width: 10px; | |
624 border-right-style: solid; | |
625 border-left-width: 0; | |
626 padding-left: 0; | |
627 padding-right: 3px; | |
628 } | |
629 | |
630 /* Avatar gallery */ | |
631 .rtl #gallery label { | |
632 float: right; | |
633 } | |
634 | |
635 /** | |
636 * forms.css | |
637 */ | |
638 | |
639 /* General form styles | |
640 ----------------------------------------*/ | |
641 | |
642 .rtl option { | |
643 padding-right: 0; | |
644 padding-left: 1em; | |
645 } | |
646 | |
647 .rtl label { | |
648 padding-right: 0; | |
649 padding-left: 5px; | |
650 } | |
651 | |
652 /* Definition list layout for forms | |
653 ---------------------------------------- */ | |
654 .rtl fieldset dt { | |
655 float: right; | |
656 text-align: right; | |
657 } | |
658 | |
659 .rtl fieldset dd { | |
660 margin-left: 0; | |
661 margin-right: 41%; | |
662 } | |
663 | |
664 /* Specific layout 1 */ | |
665 .rtl fieldset.fields1 dt { | |
666 border-left-width: 0; | |
667 border-right-width: 1px; | |
668 } | |
669 | |
670 .rtl fieldset.fields1 dd { | |
671 margin-right: 10em; | |
672 margin-left: 0; | |
673 border-right-width: 0; | |
674 border-left-width: 1px; | |
675 } | |
676 | |
677 /* Specific layout 2 */ | |
678 .rtl fieldset.fields2 dt { | |
679 border-right-width: 1px; | |
680 border-left-width: 0; | |
681 } | |
682 | |
683 .rtl fieldset.fields2 dd { | |
684 margin-right: 16em; | |
685 margin-left: 0; | |
686 border-left-width: 1px; | |
687 border-right-width: 0; | |
688 } | |
689 | |
690 /* Form elements */ | |
691 .rtl dt label { | |
692 text-align: right; | |
693 } | |
694 | |
695 .rtl dd input, .rtl dd textarea { | |
696 margin-left: 3px; | |
697 margin-right: 0; | |
698 } | |
699 | |
700 /* Quick-login on index page */ | |
701 .rtl fieldset.quick-login input.inputbox { | |
702 margin-left: 5px; | |
703 margin-right: 0; | |
704 } | |
705 | |
706 .rtl fieldset.quick-login label { | |
707 padding-left: 2px; | |
708 padding-right: 0; | |
709 } | |
710 | |
711 /* Display options on viewtopic/viewforum pages */ | |
712 .rtl fieldset.display-options label { | |
713 padding-left: 2px; | |
714 padding-right: 0; | |
715 } | |
716 | |
717 /* Display actions for ucp and mcp pages */ | |
718 .rtl fieldset.display-actions { | |
719 text-align: left; | |
720 padding-left: 1em; | |
721 padding-right: 0; | |
722 } | |
723 | |
724 .rtl fieldset.display-actions label { | |
725 padding-left: 2px; | |
726 padding-right: 0; | |
727 } | |
728 | |
729 /* MCP forum selection*/ | |
730 .rtl fieldset.forum-selection { | |
731 float: left; | |
732 } | |
733 | |
734 .rtl fieldset.forum-selection2 { | |
735 float: left; | |
736 } | |
737 | |
738 /* Jumpbox */ | |
739 .rtl fieldset.jumpbox { | |
740 text-align: left; | |
741 } | |
742 | |
743 .rtl fieldset.quickmod { | |
744 float: left; | |
745 text-align: left; | |
746 } | |
747 | |
748 /* Posting page styles | |
749 ----------------------------------------*/ | |
750 | |
751 /* Emoticons panel */ | |
752 .rtl #smiley-box { | |
753 float: left; | |
754 } | |
755 | |
756 /* Form button styles | |
757 ---------------------------------------- */ | |
758 | |
759 /* Topic and forum Search */ | |
760 .rtl .search-box { | |
761 margin-right: 5px; | |
762 margin-left: 0; | |
763 float: right; | |
764 } | |
765 | |
766 .rtl input.search { | |
767 background-position: right 1px; | |
768 padding-right: 17px; | |
769 padding-left: 0; | |
770 } | |
771 | |
772 /** | |
773 * tweaks.css | |
774 */ | |
775 | |
776 /** Reference: Bug #27155 */ | |
777 .rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar { | |
778 position: relative; | |
779 } |