PageRenderTime 73ms CodeModel.GetById 20ms RepoModel.GetById 0ms app.codeStats 0ms

/titania/styles/prosilver/theme/bidi.css

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