MediaWiki:Gadget-Thickbox.css: Difference between revisions
(Created page with "→ocultar selects (por IE) y flash (por FF de Mac): body.thickbox_loaded select, body.thickbox_loaded object, body.thickbox_loaded embed, body.thickbox_loaded iframe { display:none; } #TB_window { position:absolute; background:#333; background:-moz-linear-gradient(top, #888, #333); background:-webkit-linear-gradient(top, #888, #333); background:linear-gradient(to bottom, #888, #333); filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#333333', star...") |
No edit summary |
||
Line 4: | Line 4: | ||
} | } | ||
/* @noflip */ | |||
#TB_window { | #TB_window { | ||
position:absolute; | position:absolute; | ||
background:#333; | background:#333; | ||
background: | background:#4240bc; | ||
color:#FFFFFF; | color:#FFFFFF; | ||
font:12px Arial, Helvetica, sans-serif; | font:12px Arial, Helvetica, sans-serif; | ||
visibility:hidden; | visibility:hidden; | ||
border: | border:3px solid #1a043a; | ||
-moz-border-radius:5px; | -moz-border-radius:5px; | ||
-webkit-border-radius:5px; | -webkit-border-radius:5px; | ||
Line 20: | Line 18: | ||
text-align:left; | text-align:left; | ||
z-index:102; | z-index:102; | ||
background-image: #ced; | |||
min-width: 300px; | |||
} | } | ||
/* @noflip */ | |||
#TB_secondLine { | #TB_secondLine { | ||
padding: | padding:0 15px 0 15px; | ||
font-size:10px; | font-size:10px; | ||
color:#999999; | color:#999999; | ||
text-align:right; | text-align:right; | ||
} | } | ||
/* @noflip */ | |||
#TB_imageCount { | #TB_imageCount { | ||
float:left; | float: left; | ||
color: white; | |||
border-bottom: 2px solid white; | |||
padding: 3px; | |||
text-shadow: 2px 2px 2px #333; | |||
} | } | ||
#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus, #TB_window a:hover {color:#fec423;} | #TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus, #TB_window a:hover {color:#fec423;} | ||
/* @noflip */ | |||
#TB_overlay { | #TB_overlay { | ||
position:fixed; | position:fixed; | ||
Line 59: | Line 66: | ||
} | } | ||
/* @noflip */ | |||
#TB_window.fixedpos { | #TB_window.fixedpos { | ||
position:fixed; | position:fixed; | ||
Line 73: | Line 81: | ||
display:block; | display:block; | ||
margin:15px auto 0; | margin:15px auto 0; | ||
border: | border: 2px solid #3c4258; | ||
background:# | background: #82828280; | ||
border-radius: 5px; | |||
} | } | ||
Line 80: | Line 89: | ||
padding:5px 15px 7px 15px; | padding:5px 15px 7px 15px; | ||
clear:both; | clear:both; | ||
background: #1f1f1fad; | |||
} | } | ||
Line 111: | Line 121: | ||
} | } | ||
/* @noflip */ | |||
#TB_load { | #TB_load { | ||
position:fixed; | position:fixed; | ||
Line 119: | Line 130: | ||
left:50%; | left:50%; | ||
margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ | margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */ | ||
background: | background:url('/customizations/LoadingAnimation.gif') no-repeat; | ||
visibility:visible; | visibility:visible; | ||
} | } | ||
/* @noflip */ | |||
body.ie6 #TB_load { /* ie6 hack */ | body.ie6 #TB_load { /* ie6 hack */ | ||
position:absolute; | position:absolute; | ||
Line 128: | Line 140: | ||
} | } | ||
/* @noflip */ | |||
#TB_prev, #TB_next { | #TB_prev, #TB_next { | ||
padding-left:8px; | padding-left:8px; | ||
Line 133: | Line 146: | ||
} | } | ||
#TB_prev:hover, #TB_next:hover { | |||
filter: invert(); | |||
} | |||
/* @noflip */ | |||
#TB_prev { | |||
background: #edc; | |||
background-repeat: no-repeat; | |||
padding: 10px; | |||
padding-left: 80px; | |||
} | |||
/* @noflip */ | |||
#TB_next { | |||
background: #dce; | |||
background-repeat: no-repeat; | |||
padding: 10px; | |||
padding-left: 80px; | |||
} | |||
/* @noflip */ | |||
#TB_descLink { | #TB_descLink { | ||
position:relative; | position:relative; | ||
width:auto; | |||
background: #bcd; | |||
background-position: right; | |||
margin- | border: 2px solid; | ||
border-radius: 20px; | |||
padding: 2px; | |||
background:# | display: inline-block; | ||
margin-left: 20px; | |||
padding-left: 10px; | |||
padding-right: 15px; | |||
} | |||
/* @noflip */ | |||
#TB_directLink { | |||
position:relative; | |||
width:67px; | |||
background: #dcb; | |||
background-position: right; | |||
border: 2px solid; | |||
border-radius: 20px; | |||
padding: 2px; | |||
display: inline-block; | |||
margin-left: 20px; | |||
padding-left: 10px; | |||
margin-bottom: 15px; | |||
padding-right: 5px; | |||
} | } | ||
#TB_descLink .sprite { display:none !important; } | /*#TB_descLink .sprite { display:none !important; }*/ | ||
#TB_ImageOff { | #TB_ImageOff { | ||
Line 150: | Line 203: | ||
clear:both; | clear:both; | ||
margin-bottom:2px; | margin-bottom:2px; | ||
} | } |
Latest revision as of 09:05, 18 December 2023
/* ocultar selects (por IE) y flash (por FF de Mac) */
body.thickbox_loaded select, body.thickbox_loaded object, body.thickbox_loaded embed, body.thickbox_loaded iframe {
display:none;
}
/* @noflip */
#TB_window {
position:absolute;
background:#333;
background:#4240bc;
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
visibility:hidden;
border:3px solid #1a043a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:left;
z-index:102;
background-image: #ced;
min-width: 300px;
}
/* @noflip */
#TB_secondLine {
padding:0 15px 0 15px;
font-size:10px;
color:#999999;
text-align:right;
}
/* @noflip */
#TB_imageCount {
float: left;
color: white;
border-bottom: 2px solid white;
padding: 3px;
text-shadow: 2px 2px 2px #333;
}
#TB_window a:link, #TB_window a:visited, #TB_window a:active, #TB_window a:focus, #TB_window a:hover {color:#fec423;}
/* @noflip */
#TB_overlay {
position:fixed;
z-index:100;
top:0px;
left:0px;
height:100%;
width:100%;
background-color:#000;
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
visibility:visible;
}
#TB_overlay.transparent {
filter:alpha(opacity=1);
-moz-opacity:0.01;
opacity:0.01;
}
body.ie6 #TB_overlay { /* ie6 hack */
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px');
}
/* @noflip */
#TB_window.fixedpos {
position:fixed;
top:50%;
left:50%;
}
body.ie6 #TB_window.fixedpos { /* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_Image {
display:block;
margin:15px auto 0;
border: 2px solid #3c4258;
background: #82828280;
border-radius: 5px;
}
#TB_caption {
padding:5px 15px 7px 15px;
clear:both;
background: #1f1f1fad;
}
#TB_closeWindow {
padding:0 15px 0 0;
float:right;
}
#TB_closeAjaxWindow {
padding:0 10px 0 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_title {
background-color:#333;
color:#fff;
}
#TB_ajaxContent {
clear:both;
padding:2px 15px 10px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent p {
padding:5px 0px 5px 0px;
}
/* @noflip */
#TB_load {
position:fixed;
height:13px;
width:208px;
z-index:103;
top:50%;
left:50%;
margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */
background:url('/customizations/LoadingAnimation.gif') no-repeat;
visibility:visible;
}
/* @noflip */
body.ie6 #TB_load { /* ie6 hack */
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
/* @noflip */
#TB_prev, #TB_next {
padding-left:8px;
white-space:nowrap;
}
#TB_prev:hover, #TB_next:hover {
filter: invert();
}
/* @noflip */
#TB_prev {
background: #edc;
background-repeat: no-repeat;
padding: 10px;
padding-left: 80px;
}
/* @noflip */
#TB_next {
background: #dce;
background-repeat: no-repeat;
padding: 10px;
padding-left: 80px;
}
/* @noflip */
#TB_descLink {
position:relative;
width:auto;
background: #bcd;
background-position: right;
border: 2px solid;
border-radius: 20px;
padding: 2px;
display: inline-block;
margin-left: 20px;
padding-left: 10px;
padding-right: 15px;
}
/* @noflip */
#TB_directLink {
position:relative;
width:67px;
background: #dcb;
background-position: right;
border: 2px solid;
border-radius: 20px;
padding: 2px;
display: inline-block;
margin-left: 20px;
padding-left: 10px;
margin-bottom: 15px;
padding-right: 5px;
}
/*#TB_descLink .sprite { display:none !important; }*/
#TB_ImageOff {
cursor:pointer;
clear:both;
margin-bottom:2px;
}