HomeHelpTrac

Changeset 13369 for trunk/plugins


Ignore:
Timestamp:
12/07/09 04:45:03 (2 years ago)
Author:
Sergey Zotov
Message:

Ticket #1582

Location:
trunk/plugins/jquery/themes
Files:
15 added
8 deleted
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/plugins/jquery/themes/ui.datepicker.css

    r8473 r13369  
    1 /* 
    2  * jQuery UI screen structure and presentation 
    3  * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI 
    4  * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com 
    5  * Visit ThemeRoller.com 
    6 */ 
     1/* Datepicker 
     2----------------------------------*/ 
    73 
    8 .ui-datepicker-div, 
    9 .ui-datepicker-inline, 
    10 #ui-datepicker-div { 
    11     /*resets*/ 
    12     margin: 0; 
    13     padding: 0; 
    14     border: 0; 
    15     outline: 0; 
    16     line-height: 1.3; 
    17     text-decoration: none; 
    18     font-size: 100%; 
    19     list-style: none; 
    20      
    21     font-family: Verdana,Arial,sans-serif; 
    22     background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 0 0 repeat-x; 
    23     font-size: 11px; 
    24     border: 2px solid #999999; 
    25     padding: 25px 5px 5px 5px; 
    26     position: relative; 
     4@import url(ui.theme.css); 
     5 
     6.ui-datepicker { width: 17em; padding: .2em .2em 0; } 
     7.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } 
     8.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } 
     9.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } 
     10.ui-datepicker .ui-datepicker-prev { left:2px; } 
     11.ui-datepicker .ui-datepicker-next { right:2px; } 
     12.ui-datepicker .ui-datepicker-prev-hover { left:1px; } 
     13.ui-datepicker .ui-datepicker-next-hover { right:1px; } 
     14.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  } 
     15.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } 
     16.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } 
     17.ui-datepicker select.ui-datepicker-month-year {width: 100%;} 
     18.ui-datepicker select.ui-datepicker-month,  
     19.ui-datepicker select.ui-datepicker-year { width: 49%;} 
     20.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } 
     21.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } 
     22.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  } 
     23.ui-datepicker td { border: 0; padding: 1px; } 
     24.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } 
     25.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } 
     26.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } 
     27.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } 
     28 
     29/* with multiple calendars */ 
     30.ui-datepicker.ui-datepicker-multi { width:auto; } 
     31.ui-datepicker-multi .ui-datepicker-group { float:left; } 
     32.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } 
     33.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } 
     34.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } 
     35.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } 
     36.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } 
     37.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } 
     38.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } 
     39.ui-datepicker-row-break { clear:both; width:100%; } 
     40 
     41/* RTL support */ 
     42.ui-datepicker-rtl { direction: rtl; } 
     43.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } 
     44.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } 
     45.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } 
     46.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } 
     47.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } 
     48.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } 
     49.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } 
     50.ui-datepicker-rtl .ui-datepicker-group { float:right; } 
     51.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 
     52.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } 
     53 
     54/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ 
     55.ui-datepicker-cover { 
     56    display: none; /*sorry for IE5*/ 
     57    display/**/: block; /*sorry for IE5*/ 
     58    position: absolute; /*must have*/ 
     59    z-index: -1; /*must have*/ 
     60    filter: mask(); /*must have*/ 
     61    top: -4px; /*must have*/ 
     62    left: -4px; /*must have*/ 
     63    width: 200px; /*must have*/ 
     64    height: 200px; /*must have*/ 
    2765} 
    28 .ui-datepicker-div, 
    29 #ui-datepicker-div { 
    30     z-index: 9999; /*must have*/ 
    31     display: none; 
    32 } 
    33 .ui-datepicker-inline { 
    34     float: left; 
    35     display: block; 
    36 } 
    37 .ui-datepicker-control { 
    38     display: none; 
    39 } 
    40 .ui-datepicker-current { 
    41     display: none; 
    42 } 
    43 .ui-datepicker-next, 
    44 .ui-datepicker-prev { 
    45     position: absolute; 
    46     left: 5px; 
    47     top: 5px; 
    48     background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; 
    49 } 
    50 .ui-datepicker-next { 
    51     left: 146px; 
    52 } 
    53 .ui-datepicker-next:hover, 
    54 .ui-datepicker-prev:hover { 
    55     background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; 
    56 } 
    57 .ui-datepicker-next a, 
    58 .ui-datepicker-prev a { 
    59     text-indent: -999999px; 
    60     width: 13px; 
    61     height: 16px; 
    62     display: block; 
    63     font-size: 10px; 
    64     background: url(images/888888_7x7_arrow_left.gif) 50% 50% no-repeat; 
    65     border: 1px solid #d3d3d3; 
    66     cursor: pointer; 
    67 } 
    68 .ui-datepicker-next a { 
    69     background: url(images/888888_7x7_arrow_right.gif) 50% 50% no-repeat; 
    70 } 
    71 .ui-datepicker-prev a:hover { 
    72     background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; 
    73 } 
    74 .ui-datepicker-next a:hover { 
    75     background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; 
    76 } 
    77 .ui-datepicker-prev a:active { 
    78     background: url(images/454545_7x7_arrow_left.gif) 50% 50% no-repeat; 
    79 } 
    80 .ui-datepicker-next a:active { 
    81     background: url(images/454545_7x7_arrow_right.gif) 50% 50% no-repeat; 
    82 } 
    83 .ui-datepicker-header select { 
    84     border: 1px solid #d3d3d3; 
    85     color: #555555; 
    86     background: #e6e6e6; 
    87     font-size: 11px; 
    88     line-height: 14px; 
    89     position: absolute; 
    90     top: 5px; 
    91     margin: 0 !important; 
    92 } 
    93 .ui-datepicker-header option:focus, .ui-datepicker-header option:hover { 
    94     background: #dadada; 
    95 } 
    96 .ui-datepicker-header select.ui-datepicker-new-month { 
    97     width: 70px; 
    98     left: 22px; 
    99 } 
    100 .ui-datepicker-header select.ui-datepicker-new-year { 
    101     width: 50px; 
    102     left: 94px; 
    103 } 
    104 table.ui-datepicker { 
    105     width: 155px; 
    106     text-align: right; 
    107 } 
    108 table.ui-datepicker td a { 
    109     padding: 1px; 
    110     display: block; 
    111     color: #555555; 
    112     background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; 
    113     cursor: pointer; 
    114     border: 1px solid #ffffff; 
    115 } 
    116 table.ui-datepicker td a:hover { 
    117     border: 1px solid #999999; 
    118     color: #212121; 
    119     background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; 
    120 } 
    121 table.ui-datepicker td a:active { 
    122     border: 1px solid #aaaaaa; 
    123     color: #212121; 
    124     background: #ffffff url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; 
    125 } 
    126 table.ui-datepicker .ui-datepicker-title-row td { 
    127     padding: 3px 0; 
    128     text-align: center; 
    129     font-size: 11px; 
    130     color: #000000; 
    131     text-transform: uppercase; 
    132 } 
    133 table.ui-datepicker .ui-datepicker-title-row td a { 
    134     color: #000000; 
    135 } 
    136 .ui-datepicker-cover { 
    137     display: none; 
    138     display/**/: block; 
    139     position: absolute; 
    140     z-index: -1; 
    141     filter: mask(); 
    142     top: -4px; 
    143     left: -4px; 
    144     width: 193px; 
    145     height: 200px; 
    146 } 
Note: See TracChangeset for help on using the changeset viewer.