Mercurial > laserkard

view onlypaths/theme/css/tabs.css @ 76:781127893010 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
made card text filled in
author Robert McIntyre <rlm@mit.edu>
date Wed, 14 Jul 2010 13:44:42 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     1 /*



     2  * Ext JS Library 2.1



     3  * Copyright(c) 2006-2008, Ext JS, LLC.



     4  * licensing@extjs.com



     5  * 



     6  * http://extjs.com/license



     7  */



     8 



     9 .x-tab-panel {



    10     overflow:hidden;



    11 }



    12 .x-tab-panel-header, .x-tab-panel-footer {



    13 	background: #deecfd;



    14 	border: 1px solid #8db2e3;



    15     overflow:hidden;



    16     zoom:1;



    17 }



    18 



    19 



    20 .x-tab-panel-header {



    21 	border: 1px solid #8db2e3;



    22 	padding-bottom: 2px;



    23 }



    24 



    25 .x-tab-panel-footer {



    26 	border: 1px solid #8db2e3;



    27 	padding-top: 2px;



    28 }



    29 



    30 



    31 .x-tab-strip-wrap {



    32 	width:100%;



    33     overflow:hidden;



    34     position:relative;



    35     zoom:1;



    36 }



    37 ul.x-tab-strip {



    38 	display:block;



    39     width:5000px;



    40     zoom:1;



    41 }



    42 



    43 ul.x-tab-strip-top{



    44 	padding-top: 1px;



    45 	background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;



    46 	border-bottom: 1px solid #8db2e3;



    47 }



    48 



    49 ul.x-tab-strip-bottom{



    50 	padding-bottom: 1px;



    51 	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;



    52 	border-top: 1px solid #8db2e3;



    53 	border-bottom: 0 none;



    54 }



    55 



    56 .x-tab-panel-header-plain .x-tab-strip-top {



    57     background:transparent !important;



    58     padding-top:0 !important;



    59 }



    60 .x-tab-panel-header-plain {



    61     background:transparent !important;



    62     border-width:0 !important;



    63     padding-bottom:0 !important;



    64 }



    65 



    66 .x-tab-panel-header-plain .x-tab-strip-spacer {



    67     border:1px solid #8db2e3;



    68     border-top: 0 none;



    69     height:2px;



    70     background: #deecfd;



    71     font-size:1px;



    72     line-height:1px;



    73 }



    74 



    75 .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {



    76     height:3px;



    77 }



    78 



    79 



    80 ul.x-tab-strip li {



    81     float:left;



    82     margin-left:2px;



    83 }



    84 



    85 



    86 ul.x-tab-strip li.x-tab-edge {



    87     float:left;



    88     margin:0 !important;



    89     padding:0 !important;



    90     border:0 none !important;



    91     font-size:1px !important;



    92     line-height:1px !important;



    93     overflow:hidden;



    94     zoom:1;



    95     background:transparent !important;



    96     width:1px;



    97 }



    98 



    99 .x-tab-strip a, .x-tab-strip span, .x-tab-strip em {



   100 	display:block;



   101 }



   102 



   103 .x-tab-strip a {



   104 	text-decoration:none !important;



   105 	-moz-outline: none;



   106 	outline: none;



   107 	cursor:pointer;



   108 }



   109 



   110 .x-tab-strip-inner {



   111     overflow:hidden;



   112 	text-overflow: ellipsis;



   113 }



   114 



   115 .x-tab-strip span.x-tab-strip-text {



   116 	font:normal 11px tahoma,arial,helvetica;



   117 	color:#416aa3;



   118 	white-space: nowrap;



   119 	cursor:pointer;



   120     padding:4px 0;



   121 }



   122 .x-tab-strip .x-tab-with-icon .x-tab-right {



   123     padding-left:6px;



   124 }



   125 .x-tab-strip .x-tab-with-icon span.x-tab-strip-text {



   126 	padding-left:20px;



   127     background-position: 0 3px;



   128     background-repeat: no-repeat;



   129 }



   130 



   131 .x-tab-strip-over span.x-tab-strip-text {



   132 	color:#15428b;



   133 }



   134 



   135 .x-tab-strip-active {



   136     cursor:default;



   137 }



   138 



   139 .x-tab-strip-active span.x-tab-strip-text {



   140 	cursor:default;



   141 	color:#15428b;



   142     font-weight:bold;



   143 }



   144 



   145 .x-tab-strip-disabled .x-tabs-text {



   146 	cursor:default;



   147 	color:#aaaaaa;



   148 }



   149 



   150 .x-tab-panel-body {



   151     overflow:hidden;



   152 }



   153 .x-tab-panel-bwrap {



   154     overflow:hidden;



   155 }



   156 .ext-ie .x-tab-strip .x-tab-right {



   157     position:relative;



   158 }



   159 



   160 .x-tab-strip-top .x-tab-strip-active .x-tab-right {



   161     margin-bottom:-1px;



   162 }



   163 



   164 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {



   165     padding-bottom:5px;



   166 }



   167 



   168 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {



   169     margin-top:-1px;



   170 }



   171 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {



   172     padding-top:5px;



   173 }



   174 



   175 



   176 .x-tab-strip-top .x-tab-right {



   177 	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;



   178     padding-left:10px;



   179 }



   180 



   181 .x-tab-strip-top .x-tab-left {



   182 	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;



   183     padding-right:10px;



   184 }



   185 



   186 .x-tab-strip-top .x-tab-strip-inner {



   187 	background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;



   188 }



   189 



   190 .x-tab-strip-top .x-tab-strip-over .x-tab-right {



   191 	 background-position:0 -101px;



   192 }



   193 .x-tab-strip-top .x-tab-strip-over .x-tab-left {



   194 	 background-position:right -401px;



   195 }



   196 .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {



   197 	 background-position:0 -251px;



   198 }



   199 



   200 .x-tab-strip-top .x-tab-strip-active .x-tab-right {



   201 	background-position: 0 0;



   202 }



   203 



   204 .x-tab-strip-top .x-tab-strip-active .x-tab-left {



   205 	background-position: right -301px;



   206 }



   207 



   208 .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {



   209 	background-position: 0 -151px;



   210 }



   211 



   212 .x-tab-strip-bottom .x-tab-right {



   213 	background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;



   214 }



   215 



   216 .x-tab-strip-bottom .x-tab-left {



   217 	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;



   218 }



   219 



   220 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {



   221 	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;



   222 }



   223 



   224 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {



   225 	background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;



   226 }



   227 .x-tab-strip-bottom .x-tab-left {



   228     padding:0 10px;



   229 }



   230 .x-tab-strip-bottom .x-tab-right {



   231     padding:0;



   232 }



   233 .x-tab-strip .x-tab-strip-close {



   234     display:none;



   235 }



   236 .x-tab-strip-closable {



   237     position:relative;



   238 }



   239 



   240 .x-tab-strip-closable .x-tab-left {



   241     padding-right:19px;



   242 }



   243 



   244 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {



   245 	background-image:url(../images/default/tabs/tab-close.gif);



   246     opacity:.6;



   247     -moz-opacity:.6;



   248     background-repeat:no-repeat;



   249     display:block;



   250 	width:11px;height:11px;



   251     position:absolute;



   252     top:3px;



   253     right:3px;



   254     cursor:pointer;



   255     z-index:2;



   256 }



   257 



   258 .x-tab-strip .x-tab-strip-active a.x-tab-strip-close {



   259     opacity:.8;



   260     -moz-opacity:.8;



   261 }



   262 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{



   263 	background-image:url(../images/default/tabs/tab-close.gif);



   264     opacity:1;



   265     -moz-opacity:1;



   266 }



   267 



   268 .x-tab-panel-body {



   269     border: 1px solid #8db2e3;



   270     background:#fff;



   271 }



   272 .x-tab-panel-body-top {



   273     border-top: 0 none;



   274 }



   275 .x-tab-panel-body-bottom {



   276     border-bottom: 0 none;



   277 }



   278 



   279 .x-tab-scroller-left {



   280     background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;



   281     border-bottom: 1px solid #8db2e3;



   282     width:18px;



   283     position:absolute;



   284     left:0;



   285     top:0;



   286     z-index:10;



   287     cursor:pointer;



   288 }



   289 .x-tab-scroller-left-over {



   290     background-position: 0 0;



   291 }



   292 .x-tab-scroller-left-disabled {



   293     background-position: -18px 0;



   294     opacity:.5;



   295     -moz-opacity:.5;



   296     filter:alpha(opacity=50);



   297     cursor:default;



   298 }



   299 .x-tab-scroller-right {



   300     background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;



   301     border-bottom: 1px solid #8db2e3;



   302     width:18px;



   303     position:absolute;



   304     right:0;



   305     top:0;



   306     z-index:10;



   307     cursor:pointer;



   308 }



   309 .x-tab-scroller-right-over {



   310     background-position: -18px 0;



   311 }



   312 .x-tab-scroller-right-disabled {



   313     background-position: 0 0;



   314     opacity:.5;



   315     -moz-opacity:.5;



   316     filter:alpha(opacity=50);



   317     cursor:default;



   318 }



   319 



   320 .x-tab-scrolling .x-tab-strip-wrap {



   321     margin-left:18px;



   322     margin-right:18px;



   323 }



   324 



   325 .x-tab-scrolling {



   326     position:relative;    



   327 }



   328 



   329 .x-tab-panel-bbar .x-toolbar {



   330     border:1px solid #99bbe8;



   331     border-top:0 none;



   332     overflow:hidden;



   333     padding:2px;



   334 }



   335 



   336 .x-tab-panel-tbar .x-toolbar {



   337     border:1px solid #99bbe8;



   338     border-top:0 none;



   339     overflow:hidden;



   340     padding:2px;



   341 }