annotate onlypaths/theme/css/toolbar.css @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8
rlm@46 9 .x-toolbar{
rlm@46 10 border-color:#a9bfd3;
rlm@46 11 border-style:solid;
rlm@46 12 border-width:0 0 1px 0;
rlm@46 13 display: block;
rlm@46 14 padding:2px;
rlm@46 15 background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;
rlm@46 16 position:relative;
rlm@46 17 zoom:1;
rlm@46 18 }
rlm@46 19 .x-toolbar .x-item-disabled .x-btn-icon {
rlm@46 20 opacity: .35;
rlm@46 21 -moz-opacity: .35;
rlm@46 22 filter: alpha(opacity=35);
rlm@46 23 }
rlm@46 24 .x-toolbar td {
rlm@46 25 vertical-align:middle;
rlm@46 26 }
rlm@46 27 .mso .x-toolbar, .x-grid-mso .x-toolbar{
rlm@46 28 border: 0 none;
rlm@46 29 background: url(../images/default/grid/mso-hd.gif);
rlm@46 30 }
rlm@46 31 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
rlm@46 32 white-space: nowrap;
rlm@46 33 font:normal 11px tahoma, arial, helvetica, sans-serif;
rlm@46 34 }
rlm@46 35 .x-toolbar .x-item-disabled {
rlm@46 36 color:gray;
rlm@46 37 cursor:default;
rlm@46 38 opacity:.6;
rlm@46 39 -moz-opacity:.6;
rlm@46 40 filter:alpha(opacity=60);
rlm@46 41 }
rlm@46 42 .x-toolbar .x-item-disabled * {
rlm@46 43 color:gray;
rlm@46 44 cursor:default;
rlm@46 45 }
rlm@46 46 .x-toolbar .x-btn-left{
rlm@46 47 background:none;
rlm@46 48 }
rlm@46 49 .x-toolbar .x-btn-right{
rlm@46 50 background:none;
rlm@46 51 }
rlm@46 52 .x-toolbar .x-btn-center{
rlm@46 53 background:none;
rlm@46 54 padding:0 0;
rlm@46 55 }
rlm@46 56 .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
rlm@46 57 padding-right:2px;
rlm@46 58 }
rlm@46 59 .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
rlm@46 60 padding-right:0;
rlm@46 61 }
rlm@46 62 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
rlm@46 63 padding:0 2px;
rlm@46 64 }
rlm@46 65
rlm@46 66 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46 67 width:12px;
rlm@46 68 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
rlm@46 69 }
rlm@46 70 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46 71 width:12px;
rlm@46 72 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
rlm@46 73 }
rlm@46 74 .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
rlm@46 75 background-position: 0 -47px;
rlm@46 76 }
rlm@46 77 .x-toolbar .x-btn-over .x-btn-left{
rlm@46 78 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
rlm@46 79 }
rlm@46 80 .x-toolbar .x-btn-over .x-btn-right{
rlm@46 81 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
rlm@46 82 }
rlm@46 83 .x-toolbar .x-btn-over .x-btn-center{
rlm@46 84 background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
rlm@46 85 }
rlm@46 86
rlm@46 87 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
rlm@46 88 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
rlm@46 89 }
rlm@46 90 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
rlm@46 91 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
rlm@46 92 }
rlm@46 93
rlm@46 94 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
rlm@46 95 background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
rlm@46 96 }
rlm@46 97
rlm@46 98 .x-toolbar .x-btn-with-menu .x-btn-center em{
rlm@46 99 padding-right:8px;
rlm@46 100 }
rlm@46 101
rlm@46 102 .x-toolbar .ytb-text{
rlm@46 103 padding:2px;
rlm@46 104 }
rlm@46 105 .x-toolbar .ytb-sep {
rlm@46 106 background-image: url(../images/default/grid/grid-blue-split.gif);
rlm@46 107 background-position: center;
rlm@46 108 background-repeat: no-repeat;
rlm@46 109 display: block;
rlm@46 110 font-size: 1px;
rlm@46 111 height: 16px;
rlm@46 112 width:4px;
rlm@46 113 overflow: hidden;
rlm@46 114 cursor:default;
rlm@46 115 margin: 0 2px 0;
rlm@46 116 border:0;
rlm@46 117 }
rlm@46 118 .x-toolbar .ytb-spacer {
rlm@46 119 width:2px;
rlm@46 120 }
rlm@46 121
rlm@46 122 /* Paging Toolbar */
rlm@46 123
rlm@46 124 .x-tbar-page-number{
rlm@46 125 width:24px;
rlm@46 126 height:14px;
rlm@46 127 }
rlm@46 128 .x-tbar-page-first{
rlm@46 129 background-image: url(../images/default/grid/page-first.gif) !important;
rlm@46 130 }
rlm@46 131 .x-tbar-loading{
rlm@46 132 background-image: url(../images/default/grid/done.gif) !important;
rlm@46 133 }
rlm@46 134 .x-tbar-page-last{
rlm@46 135 background-image: url(../images/default/grid/page-last.gif) !important;
rlm@46 136 }
rlm@46 137 .x-tbar-page-next{
rlm@46 138 background-image: url(../images/default/grid/page-next.gif) !important;
rlm@46 139 }
rlm@46 140 .x-tbar-page-prev{
rlm@46 141 background-image: url(../images/default/grid/page-prev.gif) !important;
rlm@46 142 }
rlm@46 143 .x-item-disabled .x-tbar-loading{
rlm@46 144 background-image: url(../images/default/grid/loading.gif) !important;
rlm@46 145 }
rlm@46 146 .x-item-disabled .x-tbar-page-first{
rlm@46 147 background-image: url(../images/default/grid/page-first-disabled.gif) !important;
rlm@46 148 }
rlm@46 149 .x-item-disabled .x-tbar-page-last{
rlm@46 150 background-image: url(../images/default/grid/page-last-disabled.gif) !important;
rlm@46 151 }
rlm@46 152 .x-item-disabled .x-tbar-page-next{
rlm@46 153 background-image: url(../images/default/grid/page-next-disabled.gif) !important;
rlm@46 154 }
rlm@46 155 .x-item-disabled .x-tbar-page-prev{
rlm@46 156 background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
rlm@46 157 }
rlm@46 158 .x-paging-info {
rlm@46 159 position:absolute;
rlm@46 160 top:5px;
rlm@46 161 right: 8px;
rlm@46 162 color:#444;
rlm@46 163 }
rlm@46 164
rlm@46 165 /* StatusBar */
rlm@46 166
rlm@46 167 .x-statusbar .x-status-text {
rlm@46 168 height: 21px;
rlm@46 169 line-height: 21px;
rlm@46 170 padding: 0 4px;
rlm@46 171 cursor: default;
rlm@46 172 }
rlm@46 173 .x-statusbar .x-status-busy {
rlm@46 174 padding-left: 25px;
rlm@46 175 background: transparent url(../images/default/grid/loading.gif) no-repeat 3px 3px;
rlm@46 176 }
rlm@46 177 .x-statusbar .x-status-text-panel {
rlm@46 178 border-top: 1px solid #99BBE8;
rlm@46 179 border-right: 1px solid #fff;
rlm@46 180 border-bottom: 1px solid #fff;
rlm@46 181 border-left: 1px solid #99BBE8;
rlm@46 182 padding: 2px 8px 2px 5px;
rlm@46 183 }