MediaWiki:Gadget-Thickbox.css: Difference between revisions

    From Hokuto no Ken Encyclopedia | HnKWiki
    (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:-moz-linear-gradient(top, #888, #333);
    background:#4240bc;
    background:-webkit-linear-gradient(top, #888, #333);
    background:linear-gradient(to bottom, #888, #333);
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#333333', startColorstr='#888888', gradientType='0');
    color:#FFFFFF;
    color:#FFFFFF;
    font:12px Arial, Helvetica, sans-serif;
    font:12px Arial, Helvetica, sans-serif;
    visibility:hidden;
    visibility:hidden;
    border:1px solid #525252;
    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:0px 15px 0px 15px;
    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:1px solid #525252;
    border: 2px solid #3c4258;
    background:#FFFFFF;
    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: #ccc;
    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;
    float:right;
    width:auto;
    width:20px;
    background: #bcd;
    height:20px;
    background-position: right;
    margin-top:-19px;
    border: 2px solid;
    margin-right:15px;
    border-radius: 20px;
    display:none;
    padding: 2px;
    background:#fec423 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCIgeDI9IjUwIiB5MT0iOTQuMTkyIiB5Mj0iNC41NDA2IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmQyMjUiIG9mZnNldD0iMCIvPgo8c3RvcCBzdG9wLWNvbG9yPSIjZTc5ODAxIiBvZmZzZXQ9Ii41Ii8+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmYyYjEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+CjxwYXRoIGQ9Im05Ni41IDUwYTQ2LjUgNDYuNSAwIDEgMSAtOTMgMCA0Ni41IDQ2LjUgMCAxIDEgOTMgMHoiIGZpbGw9InVybCgjYSkiIHN0cm9rZT0iIzgwNzg3OCIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Im01NS4zMDYgMjggMjQuNzQ5IDIyLTI0Ljc0OSAyMm0tMzcuMzc2LTIyaDYyLjEyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjkiLz4KPC9zdmc+Cg==) center center no-repeat;
    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;
    }
    #TB_imagetip {
    display:none;
    z-index:10;
    position:absolute;
    width:27px;
    height:27px;
    margin-top:-27px;
    margin-left:-27px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    background: #eee;
    cursor:help;
    }
    }

    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;
    }