User:Shahar/common.css

/* 3D/2D viewer */ .container-2d { display: none; position: relative; }

.viewer-2d { position: relative; width: 100%; height: 100%; top: 0; left: 0; }

position: absolute; top: 0; right: 0; background: url("/w/images/6/65/2D_icon.png"); width: 63px; height: 42px; z-index: 999; opacity: 0.5; cursor :pointer; cursor: hand; transition: opacity 0.2s; }
 * 1) switch-to-3d {

position: absolute; top: 0; right: 0; background: url("/w/images/7/7e/3D_icon.png"); width: 63px; height: 42px; z-index: 999; opacity: 0.5; cursor: pointer; cursor: hand; transition: opacity 0.2s; }
 * 1) switch-to-2d {

opacity: 1.0; }
 * 1) switch-to-3d:hover, #switch-to-2d:hover {

/* 3D model viewer */ .viewer-3d span { display: none; } .viewer-3d { background: #ffffff; margin: 4px; display: block; cursor: move; position: relative; } .viewer-3d-frame { position: absolute; } .viewer-3d-overlay { background: url(/w/images/e/ed/3D_rotation_icon.png) bottom right no-repeat; width: 100%; height: 100%; opacity: 0.5; position: relative; } /* End 3D model viewer */

/* New 3D viewer specific CSS */ .viewer-3d-container { display: block; padding: 2px; margin-left: auto; margin-right: auto; background: #ffffff; width: 288px; }

.viewer-3d-container ul { padding: 0px; margin: 0px; } .viewer-3d-container ul li { display: block; margin: 0px; margin-top: 2px; /* For vertical spacing of the buttons */ list-style: none; text-align: center; } .viewer-3d-container ul a { display: block; width: 134px; padding: 4px; color: #ffffff; text-decoration: none; font-family: "TF2 Build"; font-size: 1.25em; opacity: .5; } .viewer-3d-container ul a:hover { opacity: 1; }

.view-selector-red { float: left; background: #B8383B; } .view-selector-red a { background: #B8383B; } .view-selector-blu { float: right; background: #5885A2; } .view-selector-blu a { background: #5885A2; } .view-selector-default-left { float: left; background: #F3A957; } .view-selector-default-right { float: right; background: #F3A957; } .view-selector-default-full { width: 100%; float: left; clear: both; background: #F3A957; } .view-selector-default-full a { width: 100% !important; }

.view-selector-australium-left { float: left; background: #EEBB00; } .view-selector-australium-right { float: right; background: #EEBB00; } .view-selector-australium-full { width: 100%; float: left; clear: both; background: #EEBB00; } .view-selector-australium-full a { width: 100% !important; } /* End new 3D viewer */

/* Team 3D model viewer */ .team-color-viewer { display: block; padding: 2px; margin-left: auto; margin-right: auto; background: #ffffff; width: 288px; } .team-color-viewer ul { padding: 0px; margin: 0px; } .team-color-viewer ul li { display: block; margin: 0px; margin-top: 2px; /* For vertical spacing of the buttons */ list-style: none; text-align: center; } .team-color-viewer ul a { display: block; width: 134px; padding: 4px; color: #ffffff; text-decoration: none; font-family: "TF2 Build"; font-size: 1.2em; opacity: .5; } .team-color-viewer ul a:hover { opacity: 1; } .team-selector-red { float: left; background: #B8383B; } .team-selector-red a { background: #B8383B; } .team-selector-blu { float: right; background: #5885A2; } .team-selector-blu a { background: #5885A2; } /* End team 3D model viewer */

/* Alt 3D model viewer */ .alt-viewer { display: block; padding: 2px; margin-left: auto; margin-right: auto; background: #ffffff; width: 288px; } .alt-viewer ul { padding: 0px; margin: 0px; } .alt-viewer ul li { display: block; margin: 0 0 4px 0; list-style: none; text-align: center; } .alt-viewer ul a { display: block; width: 134px; padding: 4px; color: #ffffff; text-decoration: none; font-family: "TF2 Build"; font-size: 1.2em; } .view-selector-default { float: left; background: #F3A957; } .view-selector-default-wide { width: 100%; background: #F3A957; } .view-selector-default-wide a { width: 100% !important; } .view-selector-alt { float: right; background: #F3A957; } /* End alt 3D model viewer */