Mercurial > scaa_se_gamer_dark
view 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 |
line source
1 /* RTL definitions
2 ---------------------------------------- */
4 /**
5 * common.css
6 */
7 .rtl h1 {
8 margin-right: 0;
9 margin-left: 200px;
10 }
12 .rtl p.right {
13 text-align: left;
14 }
16 .rtl div.rules ul {
17 margin-left: 0;
18 margin-right: 20px;
19 }
21 .rtl .headerbar {
22 width: 99%;
23 }
25 .rtl .navbar {
26 overflow: hidden;
27 }
29 /* Main blocks
30 ---------------------------------------- */
31 .rtl #logo {
32 float: right;
33 padding: 10px 10px 0 13px;
34 }
36 /* Search box
37 --------------------------------------------- */
38 .rtl #search-box {
39 float: left;
40 text-align: left;
41 margin-right: 0;
42 margin-left: 5px;
43 }
45 .rtl #search-box li {
46 text-align: left;
47 }
49 .rtl #search-box img {
50 margin-right: 0;
51 margin-left: 3px;
52 }
54 .rtl #site-description {
55 float: right;
56 }
58 .rtl #site-description h1 {
59 margin-left: 0;
60 }
62 /* Round cornered boxes and backgrounds
63 ---------------------------------------- */
64 .rtl .post {
65 background-position: 0 0;
66 }
68 /* Horizontal lists
69 ----------------------------------------*/
70 .rtl ul.linklist li {
71 float: right;
72 margin-right: 0;
73 margin-left: 5px;
74 }
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 }
83 .rtl ul.leftside li, .rtl ul.rightside li {
84 float: left;
85 }
87 .rtl ul.leftside {
88 float: right;
89 margin-left: 5px;
90 margin-right: 0;
91 text-align: right;
92 }
94 .rtl ul.rightside {
95 float: left;
96 margin-left: -5px;
97 margin-right: 5px;
98 text-align: left;
99 }
101 /* Table styles
102 ----------------------------------------*/
103 .rtl table.table1 thead th {
104 padding: 0 3px 4px 0;
105 }
107 .rtl table.table1 thead th span {
108 padding-left: 0;
109 padding-right: 7px;
110 }
112 .rtl table.table1 tbody th {
113 text-align: right;
114 }
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; }
123 .rtl table.table1 span.rank-img {
124 float: left;
125 }
127 .rtl table.info tbody th {
128 text-align: left;
129 }
131 .rtl .forumbg table.table1 {
132 margin: 0 -1px -1px -2px;
133 }
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 }
144 .rtl .column2 {
145 float: left;
146 clear: left;
147 }
149 /* General classes for placing floating blocks */
150 .rtl .left-box {
151 float: right;
152 text-align: right;
153 }
155 .rtl .right-box {
156 float: left;
157 text-align: left;
158 }
160 .rtl dl.details dt {
161 float: right;
162 clear: right;
163 text-align: left;
164 }
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 }
174 *:first-child+html dl.details dd {
175 margin-right: 30%;
176 float: none;
177 }
179 * html dl.details dd {
180 margin-right: 30%;
181 float: none;
182 }
184 /* Pagination
185 ---------------------------------------- */
186 .rtl .pagination {
187 text-align: left;
188 float: left;
189 padding-left: 5px;
190 }
192 /* Pagination in viewforum for multipage topics */
193 .rtl .row .pagination {
194 float: left;
195 padding: 1px 0 1px 15px;
196 }
198 .rtl .pagination span {
199 direction: ltr;
200 }
202 .rtl .pagination span.page-sep {
203 display: inline;
204 visibility: hidden;
205 position: absolute;
206 }
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 }
219 .rtl .forabg {
220 width: 99%; /* fix for IE6 */
221 }
223 .rtl .forumbg {
224 width: 99%; /* fix for IE6 */
225 }
227 /**
228 * links.css
229 */
231 /* Back to top of page */
232 .rtl .back2top {
233 text-align: left;
234 }
236 /* Links adjustment to correctly display an order of rtl/ltr mixed content */
237 .rtl a {
238 direction: rtl;
239 unicode-bidi: embed;
240 }
242 .rtl a.top {
243 float: left;
244 }
246 .rtl a.top2 {
247 background-position: 100% 50%;
248 padding-left: 0;
249 padding-right: 15px;
250 }
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 }
262 .rtl a.feed-icon-forum {
263 float: left;
264 }
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 }
279 .rtl ul.topiclist dt {
280 float: right;
281 }
283 .rtl ul.topiclist dl {
284 position: static; /* fix for IE6 */
285 }
287 .rtl ul.topiclist dd {
288 float: right;
289 border-right-width: 1px;
290 border-right-style: solid;
291 border-left: none;
292 }
294 .rtl ul.topiclist li.row dt a.subforum {
295 padding-right: 12px;
296 background-position: right;
297 position: static;
298 }
300 .rtl .forum-image {
301 float: right;
302 margin-right: 0;
303 margin-left: 5px;
304 }
306 .rtl li.header dt, .rtl li.header dd {
307 border-right-width: 0;
308 }
310 .rtl li.header dd {
311 margin-left: 0;
312 margin-right: 1px;
313 }
315 .rtl dl.icon {
316 background-position: 99.5% 50%;
317 }
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 }
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 }
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 }
336 .rtl dd.mark {
337 float: left !important;
338 }
340 .rtl ul.topiclist dd.searchextra {
341 margin-left: 0;
342 margin-right: 5px;
343 border-right: none;
344 }
346 /* Post body styles
347 ----------------------------------------*/
348 .rtl .postbody {
349 float: right;
350 }
352 /* Topic review panel
353 ----------------------------------------*/
354 .rtl #topicreview {
355 padding-right: 0;
356 padding-left: 5px;
357 }
359 /* Content container styles
360 ----------------------------------------*/
361 .rtl .content ul, .rtl .content ol {
362 margin-right: 3em;
363 margin-left: 0;
364 }
366 /* Post author */
367 .rtl p.author {
368 margin: 0 0 0.6em 15em;
369 }
371 .rtl .signature {
372 clear: right;
373 }
375 .rtl .notice {
376 clear: right;
377 }
379 /* Jump to post link for now */
380 .rtl ul.searchresults {
381 text-align: left;
382 }
384 /* BB Code styles
385 ----------------------------------------*/
386 /* Quote block */
387 .rtl blockquote {
388 margin: 0.5em 25px 0 1px;
389 background-position: 99% 8px;
390 }
392 .rtl blockquote blockquote {
393 /* Nested quotes */
394 margin: 0.5em 15px 0 1px;
395 }
397 .rtl blockquote cite {
398 /* Username/source of quoter */
399 margin-right: 20px;
400 margin-left: 0;
401 }
403 .rtl blockquote dl.codebox {
404 margin-right: 0;
405 }
407 .rtl code {
408 direction: ltr;
409 }
411 /* Attachments
412 ----------------------------------------*/
413 .rtl .attachbox {
414 float: right;
415 margin: 5px 0 5px 5px;
416 clear: right;
417 }
419 .rtl .attachbox dd {
420 clear: right;
421 }
423 .rtl .attachbox p {
424 clear: right;
425 }
427 .rtl .attachbox p.stats {
428 clear: right;
429 }
431 /* Post poll styles
432 ----------------------------------------*/
433 .rtl fieldset.polls dt {
434 text-align: right;
435 float: right;
436 border-left: none;
437 }
439 .rtl fieldset.polls dd {
440 float: right;
441 border-right: none;
442 margin-right: 0;
443 }
445 .rtl fieldset.polls dd div {
446 text-align: left;
447 }
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 }
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 }
465 .rtl .pm .postprofile {
466 border-right-width: 1px;
467 border-right-style: solid;
468 border-left: none;
469 }
471 .rtl .postprofile dd, .rtl .postprofile dt {
472 margin-left: 0;
473 margin-right: 8px;
474 }
476 .rtl .online {
477 background-position: 0 0;
478 }
480 .rtl dl.pmlist dd {
481 margin-right: 61% !important;
482 margin-left: 0 !important;
483 }
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 }
495 /* Rollover state */
496 .rtl .buttons div {
497 margin: 0 1px 0 5px;
498 }
500 /* Sub-header (navigation bar)
501 --------------------------------------------- */
502 .rtl a.print, .rtl a.sendemail, .rtl a.fontsize {
503 text-align: right;
504 }
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 }
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 }
522 /* Positioning of moderator icons */
523 .rtl .postbody ul.profile-icons {
524 float: left;
525 }
527 /**
528 * cp.css
529 */
530 /* Control Panel Styles
531 ---------------------------------------- */
534 /* Main CP box
535 ----------------------------------------*/
536 .rtl #cp-menu {
537 float: right;
538 }
540 .rtl #cp-main {
541 float: right;
542 }
544 .rtl #cp-main .panel ol {
545 margin-right: 2em;
546 margin-left: 0;
547 }
549 .rtl #cp-main .pagination {
550 float: left;
551 }
553 .rtl #cp-main .buttons {
554 margin-right: 0;
555 margin-left: 0;
556 }
558 /* CP tabbed menu
559 ----------------------------------------*/
560 .rtl #tabs {
561 margin: 20px 7px -1px 0;
562 position: relative;
563 }
565 .rtl #tabs a {
566 float: right;
567 }
569 /*.rtl #tabs a span {
570 float: right;
571 }*/
573 /* Mini tabbed menu used in MCP
574 ----------------------------------------*/
575 .rtl #minitabs {
576 margin: -20px 0 0 7px;
577 }
579 .rtl #minitabs li {
580 float: left;
581 margin-right: 2px;
582 margin-left: 0;
583 }
585 /* UCP navigation menu
586 ----------------------------------------*/
588 /* Preferences pane layout
589 ----------------------------------------*/
590 .rtl #cp-main h2 {
591 margin-left: 0;
592 margin-right: 10px;
593 }
595 /* Friends list */
596 .rtl .cp-mini {
597 margin: 10px 5px 10px 15px;
598 }
600 /* PM Styles
601 ----------------------------------------*/
603 /* PM panel adjustments */
604 .rtl .reply-all a.right {
605 background-position: 5% 60%;
606 }
608 .rtl .reply-all a.right:hover {
609 background-position: 3% 60%;
610 }
612 .rtl .reply-all {
613 padding-left: 5px;
614 }
616 /* Defined rules list for PM options */
617 .rtl ol.def-rules {
618 padding-right: 0;
619 }
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 }
630 /* Avatar gallery */
631 .rtl #gallery label {
632 float: right;
633 }
635 /**
636 * forms.css
637 */
639 /* General form styles
640 ----------------------------------------*/
642 .rtl option {
643 padding-right: 0;
644 padding-left: 1em;
645 }
647 .rtl label {
648 padding-right: 0;
649 padding-left: 5px;
650 }
652 /* Definition list layout for forms
653 ---------------------------------------- */
654 .rtl fieldset dt {
655 float: right;
656 text-align: right;
657 }
659 .rtl fieldset dd {
660 margin-left: 0;
661 margin-right: 41%;
662 }
664 /* Specific layout 1 */
665 .rtl fieldset.fields1 dt {
666 border-left-width: 0;
667 border-right-width: 1px;
668 }
670 .rtl fieldset.fields1 dd {
671 margin-right: 10em;
672 margin-left: 0;
673 border-right-width: 0;
674 border-left-width: 1px;
675 }
677 /* Specific layout 2 */
678 .rtl fieldset.fields2 dt {
679 border-right-width: 1px;
680 border-left-width: 0;
681 }
683 .rtl fieldset.fields2 dd {
684 margin-right: 16em;
685 margin-left: 0;
686 border-left-width: 1px;
687 border-right-width: 0;
688 }
690 /* Form elements */
691 .rtl dt label {
692 text-align: right;
693 }
695 .rtl dd input, .rtl dd textarea {
696 margin-left: 3px;
697 margin-right: 0;
698 }
700 /* Quick-login on index page */
701 .rtl fieldset.quick-login input.inputbox {
702 margin-left: 5px;
703 margin-right: 0;
704 }
706 .rtl fieldset.quick-login label {
707 padding-left: 2px;
708 padding-right: 0;
709 }
711 /* Display options on viewtopic/viewforum pages */
712 .rtl fieldset.display-options label {
713 padding-left: 2px;
714 padding-right: 0;
715 }
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 }
724 .rtl fieldset.display-actions label {
725 padding-left: 2px;
726 padding-right: 0;
727 }
729 /* MCP forum selection*/
730 .rtl fieldset.forum-selection {
731 float: left;
732 }
734 .rtl fieldset.forum-selection2 {
735 float: left;
736 }
738 /* Jumpbox */
739 .rtl fieldset.jumpbox {
740 text-align: left;
741 }
743 .rtl fieldset.quickmod {
744 float: left;
745 text-align: left;
746 }
748 /* Posting page styles
749 ----------------------------------------*/
751 /* Emoticons panel */
752 .rtl #smiley-box {
753 float: left;
754 }
756 /* Form button styles
757 ---------------------------------------- */
759 /* Topic and forum Search */
760 .rtl .search-box {
761 margin-right: 5px;
762 margin-left: 0;
763 float: right;
764 }
766 .rtl input.search {
767 background-position: right 1px;
768 padding-right: 17px;
769 padding-left: 0;
770 }
772 /**
773 * tweaks.css
774 */
776 /** Reference: Bug #27155 */
777 .rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar {
778 position: relative;
779 }