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