diff onlypaths/theme/css/tabs.css @ 46:26c2b3ad21c7 laserkard

[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author rlm
date Sun, 31 Jan 2010 12:33:33 -0500
parents
children
line wrap: on
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/onlypaths/theme/css/tabs.css	Sun Jan 31 12:33:33 2010 -0500
     1.3 @@ -0,0 +1,341 @@
     1.4 +/*
     1.5 + * Ext JS Library 2.1
     1.6 + * Copyright(c) 2006-2008, Ext JS, LLC.
     1.7 + * licensing@extjs.com
     1.8 + * 
     1.9 + * http://extjs.com/license
    1.10 + */
    1.11 +
    1.12 +.x-tab-panel {
    1.13 +    overflow:hidden;
    1.14 +}
    1.15 +.x-tab-panel-header, .x-tab-panel-footer {
    1.16 +	background: #deecfd;
    1.17 +	border: 1px solid #8db2e3;
    1.18 +    overflow:hidden;
    1.19 +    zoom:1;
    1.20 +}
    1.21 +
    1.22 +
    1.23 +.x-tab-panel-header {
    1.24 +	border: 1px solid #8db2e3;
    1.25 +	padding-bottom: 2px;
    1.26 +}
    1.27 +
    1.28 +.x-tab-panel-footer {
    1.29 +	border: 1px solid #8db2e3;
    1.30 +	padding-top: 2px;
    1.31 +}
    1.32 +
    1.33 +
    1.34 +.x-tab-strip-wrap {
    1.35 +	width:100%;
    1.36 +    overflow:hidden;
    1.37 +    position:relative;
    1.38 +    zoom:1;
    1.39 +}
    1.40 +ul.x-tab-strip {
    1.41 +	display:block;
    1.42 +    width:5000px;
    1.43 +    zoom:1;
    1.44 +}
    1.45 +
    1.46 +ul.x-tab-strip-top{
    1.47 +	padding-top: 1px;
    1.48 +	background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
    1.49 +	border-bottom: 1px solid #8db2e3;
    1.50 +}
    1.51 +
    1.52 +ul.x-tab-strip-bottom{
    1.53 +	padding-bottom: 1px;
    1.54 +	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
    1.55 +	border-top: 1px solid #8db2e3;
    1.56 +	border-bottom: 0 none;
    1.57 +}
    1.58 +
    1.59 +.x-tab-panel-header-plain .x-tab-strip-top {
    1.60 +    background:transparent !important;
    1.61 +    padding-top:0 !important;
    1.62 +}
    1.63 +.x-tab-panel-header-plain {
    1.64 +    background:transparent !important;
    1.65 +    border-width:0 !important;
    1.66 +    padding-bottom:0 !important;
    1.67 +}
    1.68 +
    1.69 +.x-tab-panel-header-plain .x-tab-strip-spacer {
    1.70 +    border:1px solid #8db2e3;
    1.71 +    border-top: 0 none;
    1.72 +    height:2px;
    1.73 +    background: #deecfd;
    1.74 +    font-size:1px;
    1.75 +    line-height:1px;
    1.76 +}
    1.77 +
    1.78 +.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer {
    1.79 +    height:3px;
    1.80 +}
    1.81 +
    1.82 +
    1.83 +ul.x-tab-strip li {
    1.84 +    float:left;
    1.85 +    margin-left:2px;
    1.86 +}
    1.87 +
    1.88 +
    1.89 +ul.x-tab-strip li.x-tab-edge {
    1.90 +    float:left;
    1.91 +    margin:0 !important;
    1.92 +    padding:0 !important;
    1.93 +    border:0 none !important;
    1.94 +    font-size:1px !important;
    1.95 +    line-height:1px !important;
    1.96 +    overflow:hidden;
    1.97 +    zoom:1;
    1.98 +    background:transparent !important;
    1.99 +    width:1px;
   1.100 +}
   1.101 +
   1.102 +.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
   1.103 +	display:block;
   1.104 +}
   1.105 +
   1.106 +.x-tab-strip a {
   1.107 +	text-decoration:none !important;
   1.108 +	-moz-outline: none;
   1.109 +	outline: none;
   1.110 +	cursor:pointer;
   1.111 +}
   1.112 +
   1.113 +.x-tab-strip-inner {
   1.114 +    overflow:hidden;
   1.115 +	text-overflow: ellipsis;
   1.116 +}
   1.117 +
   1.118 +.x-tab-strip span.x-tab-strip-text {
   1.119 +	font:normal 11px tahoma,arial,helvetica;
   1.120 +	color:#416aa3;
   1.121 +	white-space: nowrap;
   1.122 +	cursor:pointer;
   1.123 +    padding:4px 0;
   1.124 +}
   1.125 +.x-tab-strip .x-tab-with-icon .x-tab-right {
   1.126 +    padding-left:6px;
   1.127 +}
   1.128 +.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
   1.129 +	padding-left:20px;
   1.130 +    background-position: 0 3px;
   1.131 +    background-repeat: no-repeat;
   1.132 +}
   1.133 +
   1.134 +.x-tab-strip-over span.x-tab-strip-text {
   1.135 +	color:#15428b;
   1.136 +}
   1.137 +
   1.138 +.x-tab-strip-active {
   1.139 +    cursor:default;
   1.140 +}
   1.141 +
   1.142 +.x-tab-strip-active span.x-tab-strip-text {
   1.143 +	cursor:default;
   1.144 +	color:#15428b;
   1.145 +    font-weight:bold;
   1.146 +}
   1.147 +
   1.148 +.x-tab-strip-disabled .x-tabs-text {
   1.149 +	cursor:default;
   1.150 +	color:#aaaaaa;
   1.151 +}
   1.152 +
   1.153 +.x-tab-panel-body {
   1.154 +    overflow:hidden;
   1.155 +}
   1.156 +.x-tab-panel-bwrap {
   1.157 +    overflow:hidden;
   1.158 +}
   1.159 +.ext-ie .x-tab-strip .x-tab-right {
   1.160 +    position:relative;
   1.161 +}
   1.162 +
   1.163 +.x-tab-strip-top .x-tab-strip-active .x-tab-right {
   1.164 +    margin-bottom:-1px;
   1.165 +}
   1.166 +
   1.167 +.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
   1.168 +    padding-bottom:5px;
   1.169 +}
   1.170 +
   1.171 +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
   1.172 +    margin-top:-1px;
   1.173 +}
   1.174 +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
   1.175 +    padding-top:5px;
   1.176 +}
   1.177 +
   1.178 +
   1.179 +.x-tab-strip-top .x-tab-right {
   1.180 +	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
   1.181 +    padding-left:10px;
   1.182 +}
   1.183 +
   1.184 +.x-tab-strip-top .x-tab-left {
   1.185 +	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
   1.186 +    padding-right:10px;
   1.187 +}
   1.188 +
   1.189 +.x-tab-strip-top .x-tab-strip-inner {
   1.190 +	background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
   1.191 +}
   1.192 +
   1.193 +.x-tab-strip-top .x-tab-strip-over .x-tab-right {
   1.194 +	 background-position:0 -101px;
   1.195 +}
   1.196 +.x-tab-strip-top .x-tab-strip-over .x-tab-left {
   1.197 +	 background-position:right -401px;
   1.198 +}
   1.199 +.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
   1.200 +	 background-position:0 -251px;
   1.201 +}
   1.202 +
   1.203 +.x-tab-strip-top .x-tab-strip-active .x-tab-right {
   1.204 +	background-position: 0 0;
   1.205 +}
   1.206 +
   1.207 +.x-tab-strip-top .x-tab-strip-active .x-tab-left {
   1.208 +	background-position: right -301px;
   1.209 +}
   1.210 +
   1.211 +.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
   1.212 +	background-position: 0 -151px;
   1.213 +}
   1.214 +
   1.215 +.x-tab-strip-bottom .x-tab-right {
   1.216 +	background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
   1.217 +}
   1.218 +
   1.219 +.x-tab-strip-bottom .x-tab-left {
   1.220 +	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
   1.221 +}
   1.222 +
   1.223 +.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
   1.224 +	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
   1.225 +}
   1.226 +
   1.227 +.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
   1.228 +	background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
   1.229 +}
   1.230 +.x-tab-strip-bottom .x-tab-left {
   1.231 +    padding:0 10px;
   1.232 +}
   1.233 +.x-tab-strip-bottom .x-tab-right {
   1.234 +    padding:0;
   1.235 +}
   1.236 +.x-tab-strip .x-tab-strip-close {
   1.237 +    display:none;
   1.238 +}
   1.239 +.x-tab-strip-closable {
   1.240 +    position:relative;
   1.241 +}
   1.242 +
   1.243 +.x-tab-strip-closable .x-tab-left {
   1.244 +    padding-right:19px;
   1.245 +}
   1.246 +
   1.247 +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
   1.248 +	background-image:url(../images/default/tabs/tab-close.gif);
   1.249 +    opacity:.6;
   1.250 +    -moz-opacity:.6;
   1.251 +    background-repeat:no-repeat;
   1.252 +    display:block;
   1.253 +	width:11px;height:11px;
   1.254 +    position:absolute;
   1.255 +    top:3px;
   1.256 +    right:3px;
   1.257 +    cursor:pointer;
   1.258 +    z-index:2;
   1.259 +}
   1.260 +
   1.261 +.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
   1.262 +    opacity:.8;
   1.263 +    -moz-opacity:.8;
   1.264 +}
   1.265 +.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
   1.266 +	background-image:url(../images/default/tabs/tab-close.gif);
   1.267 +    opacity:1;
   1.268 +    -moz-opacity:1;
   1.269 +}
   1.270 +
   1.271 +.x-tab-panel-body {
   1.272 +    border: 1px solid #8db2e3;
   1.273 +    background:#fff;
   1.274 +}
   1.275 +.x-tab-panel-body-top {
   1.276 +    border-top: 0 none;
   1.277 +}
   1.278 +.x-tab-panel-body-bottom {
   1.279 +    border-bottom: 0 none;
   1.280 +}
   1.281 +
   1.282 +.x-tab-scroller-left {
   1.283 +    background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
   1.284 +    border-bottom: 1px solid #8db2e3;
   1.285 +    width:18px;
   1.286 +    position:absolute;
   1.287 +    left:0;
   1.288 +    top:0;
   1.289 +    z-index:10;
   1.290 +    cursor:pointer;
   1.291 +}
   1.292 +.x-tab-scroller-left-over {
   1.293 +    background-position: 0 0;
   1.294 +}
   1.295 +.x-tab-scroller-left-disabled {
   1.296 +    background-position: -18px 0;
   1.297 +    opacity:.5;
   1.298 +    -moz-opacity:.5;
   1.299 +    filter:alpha(opacity=50);
   1.300 +    cursor:default;
   1.301 +}
   1.302 +.x-tab-scroller-right {
   1.303 +    background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
   1.304 +    border-bottom: 1px solid #8db2e3;
   1.305 +    width:18px;
   1.306 +    position:absolute;
   1.307 +    right:0;
   1.308 +    top:0;
   1.309 +    z-index:10;
   1.310 +    cursor:pointer;
   1.311 +}
   1.312 +.x-tab-scroller-right-over {
   1.313 +    background-position: -18px 0;
   1.314 +}
   1.315 +.x-tab-scroller-right-disabled {
   1.316 +    background-position: 0 0;
   1.317 +    opacity:.5;
   1.318 +    -moz-opacity:.5;
   1.319 +    filter:alpha(opacity=50);
   1.320 +    cursor:default;
   1.321 +}
   1.322 +
   1.323 +.x-tab-scrolling .x-tab-strip-wrap {
   1.324 +    margin-left:18px;
   1.325 +    margin-right:18px;
   1.326 +}
   1.327 +
   1.328 +.x-tab-scrolling {
   1.329 +    position:relative;    
   1.330 +}
   1.331 +
   1.332 +.x-tab-panel-bbar .x-toolbar {
   1.333 +    border:1px solid #99bbe8;
   1.334 +    border-top:0 none;
   1.335 +    overflow:hidden;
   1.336 +    padding:2px;
   1.337 +}
   1.338 +
   1.339 +.x-tab-panel-tbar .x-toolbar {
   1.340 +    border:1px solid #99bbe8;
   1.341 +    border-top:0 none;
   1.342 +    overflow:hidden;
   1.343 +    padding:2px;
   1.344 +}
   1.345 \ No newline at end of file