source: trunk/forum/styles/prosilver/theme/bidi.css

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