User:ThePokegeek5000/ThemeDesigner.css

.avatar { border: 1px solid #e7f4d2; } .chevron { border-color: #fff transparent transparent; border-style: solid; border-width: 4px; margin-top: 2px; vertical-align: middle; width: 0; } .banner-corner-left, .banner-corner-right { border-style: solid; border-width: 2px; position: absolute; width: 0; } a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, time, ul, var, video { border: 0; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; vertical-align: baseline; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } a, ins { text-decoration: none; } ul, ol { list-style: none; } q:after, q:before { content: ""; } a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.wds-button), input[type="reset"], input[type="button"], .button, button { background-color: #577832; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #719c41), color-stop(65%, #577832)); border-radius: 4px; border: 1px solid #577832; color: #fff; cursor: pointer; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 12px; height: 19px; line-height: 20px; margin: 0; padding: 0 10px; text-decoration: none; white-space: nowrap; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:not(.wds-button):hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-color: #4d6a2c; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #678e3b), color-stop(65%, #4d6a2c)); text-decoration: none; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"]:not(.wds-button).active, input[type="submit"]:not(.wds-button):active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, button.active, button:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #4d6a2c), color-stop(65%, #678e3b)); color: #fff; } a.wikia-button[disabled], .wikia-single-button a[disabled], .wikia-menu-button[disabled], input[type="submit"]:not(.wds-button)[disabled], input[type="reset"][disabled], input[type="button"][disabled], .button[disabled], button[disabled] { cursor: default; opacity: 0.5; } a.wikia-button[disabled]:active, .wikia-single-button a[disabled]:active, .wikia-menu-button[disabled]:active, input[type="submit"]:not(.wds-button)[disabled]:active, input[type="reset"][disabled]:active, input[type="button"][disabled]:active, .button[disabled]:active, button[disabled]:active { background-color: #577832; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #719c41), color-stop(65%, #577832)); } a.wikia-button img, .wikia-single-button a img, .wikia-menu-button img, input[type="submit"]:not(.wds-button) img, input[type="reset"] img, input[type="button"] img, .button img, button img { vertical-align: text-bottom; } a.wikia-button img.chevron, .wikia-single-button a img.chevron, .wikia-menu-button img.chevron, input[type="submit"]:not(.wds-button) img.chevron, input[type="reset"] img.chevron, input[type="button"] img.chevron, .button img.chevron, button img.chevron { margin-top: 1px; vertical-align: middle; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"]:not(.wds-button).secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary, button.secondary { background-color: #d0dcbd; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #e8f5d5), color-stop(65%, #d0dcbd)); border: 1px solid #b9c3a8; color: #3a3a3a; } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"]:not(.wds-button).secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover, button.secondary:hover { background-color: #c7d5b0; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #dff1c5), color-stop(65%, #c7d5b0)); } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"]:not(.wds-button).secondary.active, input[type="submit"]:not(.wds-button).secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active, button.secondary.active, button.secondary:active { background-color: #d0dcbd; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #c7d5b0), color-stop(65%, #dff1c5)); } a.wikia-button.secondary img.chevron, .wikia-single-button a.secondary img.chevron, .wikia-menu-button.secondary img.chevron, input[type="submit"]:not(.wds-button).secondary img.chevron, input[type="reset"].secondary img.chevron, input[type="button"].secondary img.chevron, .button.secondary img.chevron, button.secondary img.chevron { border-color: #3a3a3a transparent transparent; } a.wikia-button.big, .wikia-single-button a.big, .wikia-menu-button.big, input[type="submit"]:not(.wds-button).big, input[type="reset"].big, input[type="button"].big, .button.big, button.big { font-size: 18px; height: 40px; line-height: 23px; } a.wikia-button:-moz-focusring, .wikia-single-button a:-moz-focusring, .wikia-menu-button:-moz-focusring, input[type="submit"]:not(.wds-button):-moz-focusring, input[type="reset"]:-moz-focusring, input[type="button"]:-moz-focusring, .button:-moz-focusring, button:-moz-focusring { box-shadow: 0 0 1px 1px highlight; } .wikia-menu-button-submit input[type=submit] { border: none; height: 100%; } input[type="submit"], input[type="reset"], input[type="button"], button { height: 21px; } input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } .wikia-menu-button { *display: inline; list-style: none; margin: 0; padding: 0; position: relative; text-align: left; } .wikia-menu-button:hover { background-color: #577832; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #719c41), color-stop(65%, #577832)); } .wikia-menu-button a:hover { text-decoration: none; } .wikia-menu-button > a, .wikia-menu-button .drop, .wikia-menu-button > li > a { display: inline-block; } .wikia-menu-button > a:hover, .wikia-menu-button .drop:hover, .wikia-menu-button > li > a:hover { background-color: #4d6a2c; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #678e3b), color-stop(65%, #4d6a2c)); } .wikia-menu-button > a:active, .wikia-menu-button .drop:active, .wikia-menu-button > li > a:active { background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #4d6a2c), color-stop(65%, #678e3b)); color: #fff; } .wikia-menu-button > a, .wikia-menu-button > li > a { border-bottom-left-radius: 4px; border-right: 1px solid #9aae84; border-top-left-radius: 4px; color: #fff; padding: 0 8px 0 5px; } .wikia-menu-button .drop { border-bottom-right-radius: 4px; border-top-right-radius: 4px; margin-left: -3px; padding-left: 5px; } .wikia-menu-button ul { background: #e7f4d2; border: 1px solid #577832; box-shadow: 1px 2px 12px 0 #1a2509; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100; } .wikia-menu-button ul a { color: #3a3a3a; display: block; padding: 9px 9px 7px; } .wikia-menu-button ul a:hover { background-color: #cadbb2; } .wikia-menu-button ul li { border-top: 1px solid #b9c3a8; line-height: normal; } .wikia-menu-button ul li:first-child { border: 0; } .wikia-menu-button .WikiaMenuElement { margin: 0; } .wikia-menu-button .icon, .wikia-menu-button img { vertical-align: text-bottom; } .wikia-menu-button .chevron { border-top-color: #fff; margin: 0 7px 0 1px; } .wikia-menu-button.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wikia-menu-button.active ul { display: block; } .wikia-menu-button.secondary { *display: inline; border: 1px solid #b9c3a8; list-style: none; margin: 0; position: relative; text-align: left; } .wikia-menu-button.secondary:hover { background-color: #d0dcbd; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #e8f5d5), color-stop(65%, #d0dcbd)); } .wikia-menu-button.secondary.combined { padding-left: 4px; } .wikia-menu-button.secondary.combined:hover { background-color: #c7d5b0; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #dff1c5), color-stop(65%, #c7d5b0)); } .wikia-menu-button.secondary.combined .drop:hover { background: transparent; } .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .wikia-menu-button.secondary > li > a { color: #3a3a3a; margin-top: -2px; } .wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary > li > a:hover { background-color: #c7d5b0; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #dff1c5), color-stop(65%, #c7d5b0)); } .wikia-menu-button.secondary > a:active, .wikia-menu-button.secondary .drop:active, .wikia-menu-button.secondary > li > a:active { background-color: #d0dcbd; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(35%, #c7d5b0), color-stop(65%, #dff1c5)); } .wikia-menu-button.secondary > a { border-right: 1px solid #b9c3a8; } .wikia-menu-button.secondary ul { background: #e7f4d2; border: 2px solid #b9c3a8; display: none; left: -1px; list-style: none; margin: 0; position: absolute; top: 19px; z-index: 100; } .wikia-menu-button.secondary ul a { color: #3a3a3a; display: block; } .wikia-menu-button.secondary ul a:hover { background-color: #cadbb2 !important; } .wikia-menu-button.secondary ul li { border-top: 1px solid #b9c3a8; line-height: normal; } .wikia-menu-button.secondary ul li:first-child { border: 0; } .wikia-menu-button.secondary.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .wikia-menu-button.secondary.active ul { display: block; } .wikia-chiclet-button { background-image: none; border-radius: 0; border: 0; cursor: pointer; display: inline-block; height: 19px; opacity: 0.3; padding: 0; position: relative; width: 19px; } .wikia-chiclet-button img { height: 15px; left: 2px; position: absolute; top: 2px; width: 15px; } .wikia-chiclet-button:hover { background-image: none; opacity: 1; } button.wikia-chiclet-button { line-height: 1px; } button.wikia-chiclet-button img { position: static; vertical-align: middle; } .wikia-button.loginToEditProtectedPage { padding: 0 5px; } .wikia-button.loginToEditProtectedPage img { margin-right: 8px; } a.wikia-button-facebook, a.wikia-button.wikia-button-facebook { border-color: #afbdd6; border-radius: 2px; color: #fff; font-weight: bold; height: 21px; padding: 0 6px; } a.wikia-button-facebook, a.wikia-button-facebook:active, a.wikia-button-facebook:hover, a.wikia-button.wikia-button-facebook, a.wikia-button.wikia-button-facebook:active, a.wikia-button.wikia-button-facebook:hover { background-color: #5e7bb2; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #5E7BB2), color-stop(100%, #3C62A1)); } a.wikia-button-facebook > img, a.wikia-button.wikia-button-facebook > img { border-right: solid 1px #6381b4; margin-right: 6px; } body { background: #f5f5f5; color: #666; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; margin: 0; overflow: hidden; } .Designer { height: 250px; position: relative; } .Designer h1 { font-size: 18px; } .Designer h2 { font-size: 13px; } .Designer .form-questionmark { background: url("https://slot1-images.wikia.nocookie.net/__cb8410038410012/common/extensions/wikia/ThemeDesigner/images/question-light.png"); display: inline-block; height: 12px; width: 12px; } .Navigation { background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(95%, #F5F5F5), color-stop(100%, #CCC)); height: 250px; left: 50%; margin-left: -500px; position: absolute; width: 100px; } .Navigation li { background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0%, #F5F5F5), color-stop(95%, #E1E1E1), color-stop(100%, #CCC)); border-bottom: 1px solid #cecece; } .Navigation li.selected { background: #fff; box-shadow: -2px 0 2px 0 #ccc; } .Navigation li.selected a { color: #2070ad; } .Navigation li.selected a:hover { text-decoration: none; } .Navigation a { color: #67a7d7; display: block; font-weight: bold; padding: 12px 10px; } .Navigation a:hover { text-decoration: underline; } .Toolbar { background-color: #cfe1ed; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0%, #cfe1ed), color-stop(100%, #a6c4dc)); border-bottom: 1px solid #999; bottom: 0; height: 45px; position: absolute; width: 100%; } .Toolbar .inner { margin: 0 auto; position: relative; width: 1000px; } .Toolbar .inner button { position: absolute; top: 12px; } .Toolbar .inner button.save { *width: 150px; right: 130px; } .Toolbar .inner button.cancel { right: 10px; width: 100px; } .Toolbar .inner .history { cursor: pointer; display: inline-block; font-size: 10px; left: 20px; position: relative; top: 10px; } .Toolbar .inner .history .revisions { background: #7392a7; border: 1px solid #fff; color: #fff; display: inline-block; font-size: 16px; margin-right: 3px; padding: 2px 5px 0; } .Toolbar .inner .history .chevron { border-color: #2070ad transparent transparent; } .Toolbar .inner .history ul { background-color: #fff; border: 3px solid #eee; box-shadow: 0 4px 6px 0 #999; cursor: normal; display: none; left: -5px; min-width: 150px; padding: 5px; position: absolute; top: -5px; } .Toolbar .inner .history ul li { border-top: 1px solid #eee; cursor: pointer; padding: 5px; white-space: nowrap; } .Toolbar .inner .history ul li:first-child { border-top: none; } .Toolbar .inner .history ul li:hover { background-color: #cce1ef; } .Toolbar .inner .history ul li .wikia-chiclet-button { margin-right: 3px; vertical-align: middle; } .Toolbar .inner .history ul li .wikia-chiclet-button img { background: url("https://slot1-images.wikia.nocookie.net/__cb8410038410012/common/extensions/wikia/ThemeDesigner/images/icon-return.png") top left transparent no-repeat; height: 12px; left: 3px; position: relative; top: 3px; width: 14px; } .Toolbar .mode { color: #2070ad; font-size: 21px; left: 5px; position: relative; top: 12px; } section { background: #fff; border-right: 1px solid #cecece; display: none; height: 250px; left: 50%; margin-left: -400px; position: absolute; width: 900px; } fieldset { border-right: 1px solid #cecece; float: left; height: 165px; margin: 15px 0 15px 14px; } fieldset:last-child { border-right: 0; } h1 { margin-bottom: 8px; } .PreviewFrame { height: 100px; width: 100%; }	background-color: transparent; display: none; } .ThemeTab .slider { left: 35px; overflow: hidden; position: absolute; top: 20px; width: 760px; } .ThemeTab ul { width: 2000px; } .ThemeTab li { float: left; padding: 15px; } .ThemeTab li.selected label { font-weight: bold; } .ThemeTab li.selected img { border-color: #72add5; box-shadow: 0 0 5px #72add5; } .ThemeTab label { display: block; padding: 5px; } .ThemeTab img { border: 1px solid #cecece; cursor: pointer; display: block; height: 100px; width: 120px; } .ThemeTab .chevron { border-style: solid; border-width: 13px; cursor: pointer; height: 0; position: absolute; width: 0; } .ThemeTab .chevron.disabled { cursor: default; } .ThemeTab .previous { border-color: transparent #4175a7 transparent transparent; left: 5px; top: 98px; } .ThemeTab .previous.disabled { border-color: transparent #ccc transparent transparent; } .ThemeTab .next { border-color: transparent transparent transparent #4175a7; left: 799px; top: 98px; } .ThemeTab .next.disabled { border-color: transparent transparent transparent #ccc; } .CustomizeTab .background { max-width: 430px; } .CustomizeTab .background .wrap-color { max-width: 50px; } .CustomizeTab .background .wrap-middle-color { max-width: 80px; position: relative; } .CustomizeTab .background .wrap-middle-color .middle-color-mask { bottom: 3px; display: none; height: 52px; position: absolute; width: 52px; } .CustomizeTab .background .wrap-background { max-width: 140px; } .CustomizeTab .background .wrap-background label { display: block; float: left; } .CustomizeTab .background .not-split-option { display: none; float: left; } .CustomizeTab .background .not-split-option .form-questionmark { margin: 5px 0 0 5px; } .CustomizeTab .page { max-width: 470px; } .CustomizeTab li { float: left; margin-right: 5px; } .CustomizeTab li img { border: 1px solid #cecece; cursor: pointer; display: block; height: 50px; margin: 3px 0; width: 50px; } .CustomizeTab li .background-image, .CustomizeTab li .community-header-background-image { width: 120px; } .CustomizeTab li .background-image { height: 65px; } .CustomizeTab li .community-header-background-image { height: 33px; } .CustomizeTab li input { vertical-align: middle; } .CustomizeTab ul { zoom: 1; } .CustomizeTab ul:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; } .OpacitySlider { margin-top: 12px; width: 84px; } .community-header-size-text { font-style: italic; text-align: center; } .WordmarkTab fieldset { height: 175px; width: 260px; } .WordmarkTab button, .WordmarkTab input[type='submit'] { margin-top: 5px; } .WordmarkTab h2 { margin-bottom: 5px; } .WordmarkTab .graphic { padding: 0 15px; } .WordmarkTab .graphic .preview { border: 1px solid #eaeaea; color: #ccc; height: 65px; margin-top: 10px; position: relative; width: 250px; } .WordmarkTab .graphic .preview .wordmark { cursor: pointer; } .WordmarkTab .graphic .preview .wordmark.selected { border-color: #72add5; box-shadow: 0 0 5px #72add5; cursor: default; } .WordmarkTab .graphic .preview a { background: #fff; color: #666; display: none; padding: 2px; position: absolute; right: 0; top: 0; } .WordmarkTab .graphic .preview span { display: block; line-height: 65px; text-align: center; } .WordmarkTab .graphic .preview.active { border: 0; float: left; width: auto; } .WordmarkTab .graphic .preview.active span { display: none; } .WordmarkTab .graphic .preview.active:hover a { display: block; } .WordmarkTab .favicon { padding: 0 15px; } .WordmarkTab .favicon .preview { border: 1px solid #eaeaea; color: #ccc; display: block; float: left; height: 16px; margin-top: 10px; overflow: visible; width: 16px; } .WordmarkTab .favicon .preview img { float: left; margin-right: 5px; } .WordmarkTab .favicon .preview span { display: block; margin-left: 21px; } .WordmarkTab .favicon .preview a { background: #fff; color: #666; display: none; } .WordmarkTab .favicon .preview.active { border: 0; width: 250px; } .WordmarkTab .favicon .preview.active span { display: none; } .WordmarkTab .favicon .preview.active:hover a { display: block; } .WordmarkTab .controls { margin-bottom: 10px; zoom: 1; } .WordmarkTab .controls:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; } .WordmarkTab .controls li { float: left; margin-right: 10px; } .WordmarkTab #wordmark-edit-button { margin-top: 15px; } .WordmarkTab input.file-upload { width: 100%; } body .tooltip .tooltip-inner { background-color: white; border: 1px solid #eaeaea; } body .tooltip.right .tooltip-arrow { border-right: 5px solid white; } .ThemeDesignerPicker { background: #fff; border: 5px solid #accfe5; box-shadow: 0 0 10px #ccc; display: none; padding-bottom: 10px; position: absolute; width: 235px; z-index: 3; } .ThemeDesignerPicker .color { display: none; } .ThemeDesignerPicker .color .swatches { background: url("https://slot1-images.wikia.nocookie.net/__cb8410038410012/common/extensions/wikia/ThemeDesigner/images/color_shadow.png") bottom center no-repeat; } .ThemeDesignerPicker .image, .ThemeDesignerPicker .community-header { display: none; } .ThemeDesignerPicker .image .swatches, .ThemeDesignerPicker .community-header .swatches { background: url("https://slot1-images.wikia.nocookie.net/__cb8410038410012/common/extensions/wikia/ThemeDesigner/images/image_shadow.png") bottom center no-repeat; } .ThemeDesignerPicker .image .swatches li, .ThemeDesignerPicker .image .swatches img, .ThemeDesignerPicker .community-header .swatches li, .ThemeDesignerPicker .community-header .swatches img { height: 50px; width: 60px; } .ThemeDesignerPicker .image .swatches .no-image, .ThemeDesignerPicker .community-header .swatches .no-image { background: #eee url("https://slot1-images.wikia.nocookie.net/__cb8410038410012/common/extensions/wikia/ThemeDesigner/images/void_button.png") 50% 27px no-repeat; font-size: 9px; text-align: center; } .ThemeDesignerPicker.color { display: block; } .ThemeDesignerPicker.color .color { display: block; } .ThemeDesignerPicker.image, .ThemeDesignerPicker.community-header { display: block; width: 311px; } .ThemeDesignerPicker.image .image { display: block; } .ThemeDesignerPicker.community-header .community-header { display: block; } .ThemeDesignerPicker h1 { margin: 10px 20px 5px; } .ThemeDesignerPicker .swatches { padding: 0 15px 10px 20px; zoom: 1; } .ThemeDesignerPicker .swatches:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; } .ThemeDesignerPicker .swatches li { border: 1px solid #fff; cursor: pointer; display: block; float: left; height: 16px; margin: 0 7px 7px 0; outline: 1px solid #999; width: 16px; } .ColorNameForm { margin: 0 20px; zoom: 1; } .ColorNameForm:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; } .ColorNameForm input[type="text"] { width: 145px; } .ColorNameForm input[type="submit"] { float: right; } .BackgroundImageForm, .CommunityHeaderBackgroundImageForm { margin: 0 20px; zoom: 1; } .BackgroundImageForm:after, .CommunityHeaderBackgroundImageForm:after { clear: both; content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; }
 * 1) ColorTester {