/administrator/templates/hathor/css/colour_highcontrast_rtl.css

https://bitbucket.org/eternaware/joomus · CSS · 456 lines · 250 code · 98 blank · 108 comment · 0 complexity · 1e202d41db9e57704308197f7972f106 MD5 · raw file

  1. @charset "UTF-8";
  2. /**
  3. * @package Joomla.Administrator
  4. * @subpackage templates.hathor
  5. * @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
  6. * @license GNU General Public License version 2 or later; see LICENSE.txt
  7. * @since 1.6
  8. *
  9. * RTL CSS file for the color standard
  10. */
  11. /**
  12. * Overall Styles
  13. */
  14. #header {
  15. background: #ffffff url(../images/j_logo.png) no-repeat top right;
  16. }
  17. #element-box {
  18. border-left: 1px solid #1b3f7c;
  19. border-right: 1px solid #1b3f7c;
  20. }
  21. /**
  22. * Status layout
  23. */
  24. #module-status .preview {
  25. background: url(../images/menu/icon-16-media.png) right 3px no-repeat;
  26. }
  27. #module-status .viewsite {
  28. background: url(../images/menu/icon-16-viewsite.png) right 3px no-repeat;
  29. }
  30. #module-status .unread-messages,#module-status .no-unread-messages {
  31. background: url(../images/menu/icon-16-messages.png) right 3px no-repeat;
  32. }
  33. #module-status .loggedin-users {
  34. background: url(../images/menu/icon-16-user.png) right 3px no-repeat;
  35. }
  36. #module-status .backloggedin-users {
  37. background: url(../images/menu/icon-16-back-user.png) right 3px no-repeat;
  38. }
  39. #module-status .multilanguage {
  40. background: url(../images/menu/icon-16-language.png) right 3px no-repeat;
  41. }
  42. #module-status .logout {
  43. background: url(../images/menu/icon-16-logout.png) right 3px no-repeat;
  44. }
  45. /**
  46. * Various Styles
  47. */
  48. div.checkin-tick {
  49. background: url(../images/admin/tick.png) 20px 50% no-repeat;
  50. }
  51. /**
  52. * Subheader, toolbar, page title
  53. */
  54. div.toolbar-box {
  55. border-left: 1px solid #10254a;
  56. border-right: 1px solid #10254a;
  57. }
  58. div.toolbar-list li.divider {
  59. border-left:1px dotted #1b3f7c;
  60. border-right:none;
  61. }
  62. div.toolbar-list a:hover {
  63. border-right: 1px solid #000000;
  64. border-left: 1px solid #1b3f7c;
  65. }
  66. /**
  67. * Pane Slider pane Toggler styles
  68. */
  69. .pane-toggler span {
  70. background: transparent url(../images/j_arrow_left.png) right 50% no-repeat;
  71. }
  72. .pane-toggler-down span {
  73. background: transparent url(../images/j_arrow_down.png) right 50% no-repeat;
  74. }
  75. /**
  76. * Cpanel Settings
  77. */
  78. #cpanel div.icon a:hover,
  79. #cpanel div.icon a:focus {
  80. border-right: 1px solid #000000;
  81. border-left: 1px solid #1b3f7c;
  82. }
  83. fieldset#filter-bar {
  84. border-left: none;
  85. border-right: none;
  86. }
  87. /**
  88. * Admintable Styles
  89. */
  90. table.admintable td.key,table.admintable td.paramlist_key {
  91. border-left: 1px solid #10254a;
  92. border-right: none;
  93. }
  94. table.paramlist td.paramlist_description {
  95. border-left: 1px solid #10254a;
  96. border-right: none;
  97. }
  98. /**
  99. * Admin Form Styles
  100. */
  101. table.adminform tr {
  102. border-left: 1px solid #1b3f7c;
  103. border-right: none;
  104. }
  105. /**
  106. * Adminlist Table layout
  107. */
  108. table.adminlist.modal {
  109. border-right: 1px solid #1b3f7c;
  110. border-left: 1px solid #1b3f7c;
  111. }
  112. /* Table row styles */
  113. table.adminlist tbody tr td,
  114. table.adminlist tbody tr th {
  115. border-left: 1px solid #1b3f7c;
  116. border-right: none;
  117. }
  118. table.adminlist tbody tr td:last-child {
  119. border-left: none;
  120. }
  121. /**
  122. * Saving order icon styling in admin tables
  123. */
  124. a.saveorder {
  125. background: url(../images/admin/filesave.png) no-repeat;
  126. }
  127. a.saveorder.inactive {
  128. background-position: 0 -16px;
  129. }
  130. /**
  131. * Button styling
  132. */
  133. /* Button 1 Type */
  134. /* Use this if you add images to the buttons such as directional arrows */
  135. .button1 a {
  136. /* add padding if you are using the directional images */
  137. /* padding: 0 6px 0 30px; */
  138. }
  139. /* Button 2 Type */
  140. .button2-right .prev {
  141. background-image: url(../images/j_button2_prev.png);
  142. background-position: right center;
  143. }
  144. .button2-right.off .prev {
  145. background: url(../images/j_button2_prev_off.png) no-repeat;
  146. }
  147. .button2-right .start {
  148. background-image: url(../images/j_button2_first.png);
  149. background-position: right center;
  150. }
  151. .button2-left .next {
  152. background-image: url(../images/j_button2_next.png);
  153. background-position: left center;
  154. }
  155. .button2-left.off .next { /* @TODO check the x position */
  156. background: url(../images/j_button2_next_off.png) 100% 0 no-repeat;
  157. }
  158. .button2-left .end {
  159. background-image: url(../images/j_arrow_left.png);
  160. background-position: left center;
  161. }
  162. .button2-left.off .end { /* @TODO check the x position */
  163. background: url(../images/j_button2_last_off.png) 100% 0 no-repeat;
  164. }
  165. .button2-left .image {
  166. background: url(../images/j_button2_image.png) 100% 0 no-repeat;
  167. }
  168. .button2-left .readmore {
  169. background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;
  170. }
  171. .button2-left .pagebreak {
  172. background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;
  173. }
  174. /**
  175. * Tooltips
  176. */
  177. .tip-title { /* @TODO is there a different image */
  178. background: url(../images/selector-arrow-hc.png) no-repeat right top;
  179. }
  180. /**
  181. * System Standard Messages
  182. */
  183. #system-message dd.message ul {
  184. background: #10254a url(../images/notice-info.png) 99.5% center no-repeat;
  185. }
  186. /**
  187. * System Error Messages
  188. */
  189. #system-message dd.error ul {
  190. background: #1c4181 url(../images/notice-alert.png) 99.5% top no-repeat;
  191. }
  192. /**
  193. * System Notice Messages
  194. */
  195. #system-message dd.notice ul {
  196. background: #10254a url(../images/notice-note.png) 99%.5 top no-repeat;
  197. }
  198. /**
  199. * JGrid styles
  200. */
  201. /**
  202. * Menu Icons
  203. * These icons are used on the Administrator menu
  204. * The classes are constructed dynamically when the menu is generated
  205. */
  206. /**
  207. * Toolbar icons
  208. * These icons are used for the toolbar buttons
  209. * The classes are constructed dynamically when the toolbar is created
  210. */
  211. /**
  212. * Quick Icons
  213. * Also knows as Header Icons
  214. * These are used for the Quick Icons on the Control Panel
  215. * The same classes are also assigned the Component Title
  216. */
  217. /**
  218. * General styles
  219. */
  220. .helpFrame {
  221. border-right: 0 solid #1b3f7c;
  222. border-left: none;
  223. border-top: none;
  224. }
  225. /* -- ACL STYLES relocated from com_users/media/grid.css ----------- */
  226. /* -- ACL PANEL STYLES ----------- */
  227. /* All Tabs */
  228. table.aclsummary-table td.col2,
  229. table.aclsummary-table th.col2,
  230. table.aclsummary-table td.col3,
  231. table.aclsummary-table th.col3,
  232. table.aclsummary-table td.col4,
  233. table.aclsummary-table th.col4,
  234. table.aclsummary-table td.col5,
  235. table.aclsummary-table th.col5,
  236. table.aclmodify-table td.col2,
  237. table.aclmodify-table th.col2 {
  238. border-right: 1px solid #cbcbcb;
  239. border-left: none;
  240. }
  241. /* Icons */
  242. ul.acllegend li.acl-allowed {
  243. background:url(../images/admin/icon-16-allow.png) no-repeat right;
  244. }
  245. ul.acllegend li.acl-denied {
  246. background:url(../images/admin/icon-16-deny.png) no-repeat right;
  247. }
  248. table#acl-config th.acl-groups {
  249. border-left: 1px solid #c7c8b2;
  250. }
  251. table#acl-config th.acl-groups {
  252. text-align: right;
  253. }
  254. .acl-action {
  255. margin: auto 0;
  256. }
  257. /* Icons */
  258. span.icon-16-unset {
  259. background: url(../images/admin/icon-16-denyinactive.png) no-repeat right;
  260. }
  261. span.icon-16-allowed {
  262. background: url(../images/admin/icon-16-allow.png) no-repeat right;
  263. }
  264. span.icon-16-denied {
  265. background: url(../images/admin/icon-16-deny.png) no-repeat right;
  266. }
  267. span.icon-16-locked {
  268. background: url(../images/admin/checked_out.png) no-repeat right;
  269. }
  270. /**
  271. * Mod_rewrite Warning
  272. */
  273. #jform_sef_rewrite-lbl {
  274. background: url(../images/admin/icon-16-notice-note.png) left top no-repeat;
  275. }
  276. /**
  277. * Modal S-Box overrides
  278. */
  279. #sbox-window {
  280. text-align:right;
  281. }
  282. /* *
  283. * Permission Rules
  284. */
  285. #permissions-sliders ul#rules table.group-rules td {
  286. border-left:solid 1px #1b3f7c;
  287. border-right:solid 0 #1b3f7c;
  288. }
  289. #permissions-sliders ul#rules table.group-rules th {
  290. border-left:solid 1px #1b3f7c;
  291. border-right:solid 0 #1b3f7c;
  292. }
  293. /**
  294. * Menu Styling
  295. */
  296. #menu ul li.node {
  297. background-image: url(../images/j_arrow_left.png);
  298. background-repeat: no-repeat;
  299. background-position: left 50%;
  300. }
  301. #menu a {
  302. background-position: right 50%;
  303. }
  304. #menu li {
  305. border-left: 1px solid #000000;
  306. }
  307. #menu li a:hover, #menu li a:active, #menu li a:focus {
  308. border-left: 1px solid #1b3f7c;
  309. border-right: 1px solid #000000;
  310. }
  311. #menu li.disabled a:hover,#menu li.disabled a:focus,#menu li.disabled a
  312. {
  313. border-right: 1px solid #10254a;
  314. border-left: 1px solid #10254a;
  315. }
  316. #menu li:hover ul,#menu li.sfhover ul {
  317. /* lists nested under hovered list items */
  318. border-right: 1px solid #122b56;
  319. border-left: 1px solid #122b56;
  320. }
  321. #menu li li:hover ul,#menu li li.sfhover ul {
  322. border-right: 1px solid #122b56;
  323. border-left: 1px solid #122b56;
  324. }
  325. /**
  326. * Styling parents
  327. */
  328. /* 1 level - sfhover */
  329. #menu li.sfhover a {
  330. border-left: 1px solid #1b3f7c;
  331. border-right: 1px solid #000000;
  332. }
  333. /* 2 level - hover */
  334. #menu li.sfhover li.sfhover a,#menu li li a:focus {
  335. border-left: 1px solid #1b3f7c;
  336. border-right: 1px solid #000000;
  337. }
  338. /* 3 level - hover */
  339. #menu li.sfhover li.sfhover li.sfhover a,#menu li li li a:focus {
  340. border-left: 1px solid #1b3f7c;
  341. border-right: 1px solid #000000;
  342. }
  343. /* bring back the focus elements into view */
  344. #menu li li a:focus {
  345. border-left: 1px solid #1b3f7c;
  346. border-right: 1px solid #000000;
  347. }
  348. #menu li li li a:focus {
  349. border-left: 1px solid #1b3f7c;
  350. border-right: 1px solid #000000;
  351. }
  352. /* Installer Database */
  353. #installer-database p.warning {
  354. background-position: center right;
  355. }
  356. #installer-database p.nowarning {
  357. background-position: center right;
  358. }