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