Mercurial > laserkard

view onlypaths/theme/css/panel.css @ 75:874a6a2c28cf laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -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-panel {



    10     border-style: solid;



    11     border-color: #99bbe8;



    12     border-width:0;



    13 }



    14 



    15 .x-panel-header {



    16     overflow:hidden;



    17     zoom:1;



    18     color:#15428b;



    19 	font:bold 11px tahoma,arial,verdana,sans-serif;



    20     padding:5px 3px 4px 5px;



    21     border:1px solid #99bbe8;



    22     line-height: 15px;



    23     background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;



    24 }



    25 



    26 .x-panel-body {



    27     border:1px solid #99bbe8;



    28     border-top:0 none;



    29     overflow:hidden;



    30     background:white;



    31     position: relative; /* added for item scroll positioning */



    32 }



    33 



    34 .x-panel-bbar .x-toolbar {



    35     border:1px solid #99bbe8;



    36     border-top:0 none;



    37     overflow:hidden;



    38     padding:2px;



    39 }



    40 



    41 



    42 .x-panel-tbar .x-toolbar {



    43     border:1px solid #99bbe8;



    44     border-top:0 none;



    45     overflow:hidden;



    46     padding:2px;



    47 }



    48 



    49 .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {



    50     border-top:1px solid #99bbe8;



    51     border-bottom: 0 none;



    52 }



    53 .x-panel-body-noheader, .x-panel-mc .x-panel-body {



    54     border-top:1px solid #99bbe8;



    55 }



    56 .x-panel-header {



    57     overflow:hidden;



    58     zoom:1;



    59 }



    60 .x-panel-tl .x-panel-header {



    61     color:#15428b;



    62 	 font:bold 11px tahoma,arial,verdana,sans-serif;



    63     padding:5px 0 4px 0;



    64     border:0 none;



    65     background:transparent;



    66 }



    67 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {



    68     padding-left:20px !important;



    69     background-repeat:no-repeat;



    70     background-position:0 4px;



    71     zoom:1;



    72 }



    73 .x-panel-inline-icon {



    74     width:16px;



    75 	 height:16px;



    76     background-repeat:no-repeat;



    77     background-position:0 0;



    78 	 vertical-align:middle;



    79 	 margin-right:4px;



    80 	 margin-top:-1px;



    81 	 margin-bottom:-1px;



    82 }



    83 .x-panel-tc {



    84 	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;



    85 	overflow:hidden;



    86 }



    87 /* fix ie7 strict mode bug */



    88 .ext-strict .ext-ie7 .x-panel-tc {



    89     overflow: visible;



    90 }



    91 .x-panel-tl {



    92 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;



    93 	padding-left:6px;



    94     zoom:1;



    95     border-bottom:1px solid #99bbe8;



    96 }



    97 .x-panel-tr {



    98 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;



    99 	zoom:1;



   100     padding-right:6px;



   101 }



   102 .x-panel-bc {



   103 	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;



   104     zoom:1;



   105 }



   106 .x-panel-bc .x-panel-footer {



   107     zoom:1;



   108 }



   109 



   110 .x-panel-bl {



   111 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;



   112 	padding-left:6px;



   113     zoom:1;



   114 }



   115 .x-panel-br {



   116 	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;



   117 	padding-right:6px;



   118     zoom:1;



   119 }



   120 .x-panel-mc {



   121     border:0 none;



   122     padding:0;



   123     margin:0;



   124     font: normal 11px tahoma,arial,helvetica,sans-serif;



   125     padding-top:6px;



   126     background:#dfe8f6;



   127 }



   128 .x-panel-mc .x-panel-body {



   129     background:transparent;



   130     border: 0 none;



   131 }



   132 .x-panel-ml {



   133 	background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;



   134 	padding-left:6px;



   135     zoom:1;



   136 }



   137 .x-panel-mr {



   138 	background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;



   139 	padding-right:6px;



   140     zoom:1;



   141 }



   142 .x-panel-bc .x-panel-footer {



   143     padding-bottom:6px;



   144 }



   145 .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {



   146 	height:6px;



   147     font-size:0;



   148     line-height:0;



   149 }



   150 



   151 .x-panel-bwrap {



   152     overflow:hidden;



   153     zoom:1;



   154 }



   155 .x-panel-body {



   156     overflow:hidden;



   157     zoom:1;



   158 }



   159 



   160 .x-panel-collapsed .x-resizable-handle{



   161     display:none;



   162 }



   163 



   164 .ext-gecko .x-panel-animated div {



   165     overflow:hidden !important;



   166 }



   167 



   168 /* Plain */



   169 .x-plain-body {



   170     overflow:hidden;



   171 }



   172 



   173 .x-plain-bbar .x-toolbar {



   174     overflow:hidden;



   175     padding:2px;



   176 }



   177 



   178 .x-plain-tbar .x-toolbar {



   179     overflow:hidden;



   180     padding:2px;



   181 }



   182 



   183 .x-plain-bwrap {



   184     overflow:hidden;



   185     zoom:1;



   186 }



   187 



   188 .x-plain {



   189     overflow:hidden;



   190 }



   191 



   192 /* Tools */



   193 .x-tool {



   194     overflow:hidden;



   195     width:15px;



   196     height:15px;



   197     float:right;



   198     cursor:pointer;



   199     background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;



   200     margin-left:2px;



   201 }



   202 



   203 /* expand / collapse tools */



   204 .x-tool-toggle {



   205     background-position:0 -60px;



   206 }



   207 .x-tool-toggle-over {



   208     background-position:-15px -60px;



   209 }



   210 .x-panel-collapsed .x-tool-toggle {



   211     background-position:0 -75px;



   212 }



   213 .x-panel-collapsed .x-tool-toggle-over {



   214     background-position:-15px -75px;



   215 }



   216 



   217 .x-tool-close {



   218     background-position:0 -0;



   219 }



   220 .x-tool-close-over {



   221     background-position:-15px 0;



   222 }



   223 



   224 .x-tool-minimize {



   225     background-position:0 -15px;



   226 }



   227 .x-tool-minimize-over {



   228     background-position:-15px -15px;



   229 }



   230 



   231 .x-tool-maximize {



   232     background-position:0 -30px;



   233 }



   234 .x-tool-maximize-over {



   235     background-position:-15px -30px;



   236 }



   237 



   238 .x-tool-restore {



   239     background-position:0 -45px;



   240 }



   241 .x-tool-restore-over {



   242     background-position:-15px -45px;



   243 }



   244 



   245 .x-tool-gear {



   246     background-position:0 -90px;



   247 }



   248 .x-tool-gear-over {



   249     background-position:-15px -90px;



   250 }



   251 



   252 .x-tool-pin {



   253     background-position:0 -135px;



   254 }



   255 .x-tool-pin-over {



   256     background-position:-15px -135px;



   257 }



   258 .x-tool-unpin {



   259     background-position:0 -150px;



   260 }



   261 .x-tool-unpin-over {



   262     background-position:-15px -150px;



   263 }



   264 .x-tool-right {



   265     background-position:0 -165px;



   266 }



   267 .x-tool-right-over {



   268     background-position:-15px -165px;



   269 }



   270 .x-tool-left {



   271     background-position:0 -180px;



   272 }



   273 .x-tool-left-over {



   274     background-position:-15px -180px;



   275 }



   276 .x-tool-up {



   277     background-position:0 -210px;



   278 }



   279 .x-tool-up-over {



   280     background-position:-15px -210px;



   281 }



   282 .x-tool-down {



   283     background-position:0 -195px;



   284 }



   285 .x-tool-down-over {



   286     background-position:-15px -195px;



   287 }



   288 .x-tool-refresh {



   289     background-position:0 -225px;



   290 }



   291 .x-tool-refresh-over {



   292     background-position:-15px -225px;



   293 }



   294 



   295 .x-tool-minus {



   296     background-position:0 -255px;



   297 }



   298 .x-tool-minus-over {



   299     background-position:-15px -255px;



   300 }



   301 .x-tool-plus {



   302     background-position:0 -240px;



   303 }



   304 .x-tool-plus-over {



   305     background-position:-15px -240px;



   306 }



   307 



   308 .x-tool-search {



   309     background-position:0 -270px;



   310 }



   311 .x-tool-search-over {



   312     background-position:-15px -270px;



   313 }



   314 .x-tool-save {



   315     background-position:0 -285px;



   316 }



   317 .x-tool-save-over {



   318     background-position:-15px -285px;



   319 }



   320 .x-tool-help {



   321     background-position:0 -300px;



   322 }



   323 .x-tool-help-over {



   324     background-position:-15px -300px;



   325 }



   326 .x-tool-print {



   327     background-position:0 -315px;



   328 }



   329 .x-tool-print-over {



   330     background-position:-15px -315px;



   331 }



   332 



   333 /* Ghosting */



   334 .x-panel-ghost {



   335     background:#cbddf3;



   336     z-index:12000;



   337     overflow:hidden;



   338     position:absolute;



   339     left:0;top:0;



   340     opacity:.65;



   341     -moz-opacity:.65;



   342     filter:alpha(opacity=65);



   343 }



   344 



   345 .x-panel-ghost ul {



   346     margin:0;



   347     padding:0;



   348     overflow:hidden;



   349     font-size:0;



   350     line-height:0;



   351     border:1px solid #99bbe8;



   352     border-top:0 none;



   353     display:block;



   354 }



   355 



   356 .x-panel-ghost * {



   357     cursor:move !important;



   358 }



   359 



   360 .x-panel-dd-spacer {



   361     border:2px dashed #99bbe8;



   362 }



   363 /* Buttons */



   364 



   365 .x-panel-btns-ct {



   366     padding:5px;



   367 }



   368 



   369 .x-panel-btns-ct .x-btn{



   370 	float:right;



   371 	clear:none;



   372 }



   373 .x-panel-btns-ct .x-panel-btns td {



   374 	border:0;



   375 	padding:0;



   376 }



   377 .x-panel-btns-ct .x-panel-btns-right table{



   378 	float:right;



   379 	clear:none;



   380 }



   381 .x-panel-btns-ct .x-panel-btns-left table{



   382 	float:left;



   383 	clear:none;



   384 }



   385 .x-panel-btns-ct .x-panel-btns-center{



   386 	text-align:center; /*ie*/



   387 }



   388 .x-panel-btns-ct .x-panel-btns-center table{



   389 	margin:0 auto; /*everyone else*/



   390 }



   391 .x-panel-btns-ct table td.x-panel-btn-td{



   392 	padding:3px;



   393 }



   394 



   395 .x-panel-btns-ct .x-btn-focus .x-btn-left{



   396 	background-position:0 -147px;



   397 }



   398 .x-panel-btns-ct .x-btn-focus .x-btn-right{



   399 	background-position:0 -168px;



   400 }



   401 .x-panel-btns-ct .x-btn-focus .x-btn-center{



   402 	background-position:0 -189px;



   403 }



   404 



   405 .x-panel-btns-ct .x-btn-over .x-btn-left{



   406 	background-position:0 -63px;



   407 }



   408 .x-panel-btns-ct .x-btn-over .x-btn-right{



   409 	background-position:0 -84px;



   410 }



   411 .x-panel-btns-ct .x-btn-over .x-btn-center{



   412 	background-position:0 -105px;



   413 }



   414 



   415 .x-panel-btns-ct .x-btn-click .x-btn-center{



   416 	background-position:0 -126px;



   417 }



   418 .x-panel-btns-ct .x-btn-click  .x-btn-right{



   419 	background-position:0 -84px;



   420 }



   421 .x-panel-btns-ct .x-btn-click .x-btn-left{



   422 	background-position:0 -63px;



   423 }