|
|
| Line 1: |
Line 1: |
| /**************************/
| | */ |
| /* Collapsible Tables (I HOPE) */
| |
| /**************************/
| |
| | |
| div.NavFrame {
| |
| margin: 0;
| |
| padding: 4px;
| |
| border: 1px solid #aaa;
| |
| text-align: center;
| |
| border-collapse: collapse;
| |
| font-size: 95%;
| |
| }
| |
| div.NavFrame + div.NavFrame {
| |
| border-top-style: none;
| |
| border-top-style: hidden;
| |
| }
| |
| div.NavPic {
| |
| background-color: #fff;
| |
| margin: 0;
| |
| padding: 2px;
| |
| /* @noflip */
| |
| float: left;
| |
| }
| |
| div.NavFrame div.NavHead {
| |
| height: 1.6em;
| |
| font-weight: bold;
| |
| background-color: #ccf;
| |
| position: relative;
| |
| }
| |
| div.NavFrame p,
| |
| div.NavFrame div.NavContent,
| |
| div.NavFrame div.NavContent p {
| |
| font-size: 100%;
| |
| }
| |
| div.NavEnd {
| |
| margin: 0;
| |
| padding: 0;
| |
| line-height: 1px;
| |
| clear: both;
| |
| }
| |
| a.NavToggle {
| |
| position: absolute;
| |
| top: 0;
| |
| /* @noflip */
| |
| right: 3px;
| |
| font-weight: normal;
| |
| font-size: 90%;
| |
| }
| |
| | |
| /**************************/
| |
| /* Customize Top and Side */
| |
| /**************************/
| |
| | |
| .WikiaPageHeader details {
| |
| /*background-color: #101010;*/
| |
| background-image: -moz-linear-gradient(center top , #070707 0%, #101010 100%);
| |
| }
| |
| .WikiaArticle h2 {
| |
| border-bottom: 1px solid #404040;
| |
| }
| |
| .WikiaArticle div.tright, .WikiaArticle div.tleft {
| |
| border: 1px solid #404040;
| |
| }
| |
|
| |
| .WikiaArticleCategories {
| |
| background: transparent;
| |
| background-image: -moz-linear-gradient(top, #181818 50%, #0B0B0B 100%);
| |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%, #181818), color-stop(100%, #0B0B0B));
| |
| border: 1px solid #404040;
| |
| clear: both;
| |
| line-height: 1.8em;
| |
| padding: 10px;
| |
| margin: 10px;
| |
| }
| |
|
| |
| .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER {
| |
| background-image: -moz-linear-gradient(top, #1D1D1D 60%, #0B0B0B 100%);
| |
| background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(60%, #1D1D1D), color-stop(100%, #0B0B0B));
| |
| border: 1px solid #202020;
| |
| margin-bottom: 10px;
| |
| padding: 16px 8px 8px;
| |
| position: relative;
| |
| }
| |
|
| |
| /*** SIDEBAR ***/
| |
|
| |
| .WikiaSearch input[type="text"] {
| |
| background-color: #000000;
| |
| background-image: -moz-linear-gradient(center top , #202020 0%, #000000 40%);
| |
| color: #B0B0B0;
| |
| }
| |
| .WikiaSearch .autocomplete div:hover {
| |
| background: #300300 !important;
| |
| }
| |
| #WikiaSpotlightsModule header {
| |
| background-color: #00004E ;
| |
| background-image: -moz-linear-gradient(left center , #00004E 0pt, #350300 50%, #00004E 100%);
| |
| border-top: 5px solid #00004E ;
| |
| }
| |
| #WikiaSpotlightsModule .banner-corner-left {
| |
| border-color: #00004E #00004E transparent transparent;
| |
| left: 0;
| |
| }
| |
| #WikiaSpotlightsModule .banner-corner-right {
| |
| border-color: #00004E transparent transparent #00004E ;
| |
| right: 0;
| |
| }
| |
| #WikiaSpotlightsModule {
| |
| background-image: -moz-linear-gradient(center top , black 60%, #0C0C0C 100%);
| |
| }
| |
| | |
| /************************/
| |
| /*** Set Backgr Image ***/
| |
| /************************/
| |
| {
| |
| background-repeat: no-repeat;
| |
| background-color: white;
| |
| }
| |
| .mediawiki {background-image: url();
| |
| | |
| }
| |
| body #bodycontent {
| |
| background-color: background-image: url();
| |
| }
| |
| | |
| /************************/
| |
| /*** Map Marking Code ***/
| |
| /************************/
| |
| .mapmark {position: relative; width: 500px; height: 350px;}
| |
| | |
| .wrap {
| |
| white-space: pre-wrap;
| |
| }
| |
|
| |
| /*** LINK HOVERING ***/
| |
| /****************************/
| |
| /*UNVISITED LINKS */
| |
|
| |
| a,
| |
| .color2 a {
| |
| color: #388aaf;
| |
| }
| |
| a: hover,
| |
| .color2 a:hover {
| |
| /* VISITED LINKS */
| |
| color: #2081ad;
| |
| text-decoration: none;
| |
| text-shadow: #2dbdff 0 0 8px;
| |
| }
| |
| a: visited,
| |
| .color2 a:visited {
| |
| color: #2081ad;
| |
| text-decoration: none;
| |
| }
| |
| a: visited: hover,
| |
| .color2 a:visited:hover {
| |
| /* NEW LINKS */
| |
| color: #388aaf;
| |
| text-decoration: none;
| |
| text-shadow: #2dbdff 0 0 8px;
| |
| }
| |
| a.new {
| |
| color: #871611 !important;
| |
| }
| |
| a.new: hover,
| |
| .color2 a.new:hover {
| |
| color: #388aaf!important;
| |
| text-decoration: none;
| |
| text-shadow: #2dbdff 0 0 8px !important;
| |
| }
| |
| /* Map Marker */
| |
| body {
| |
| }
| |
| | |
| .pin {
| |
| width: 30px;
| |
| height: 30px;
| |
| border-radius: 50% 50% 50% 0;
| |
| background: #00cae9;
| |
| position: absolute;
| |
| transform: rotate(-45deg);
| |
| left: 50%;
| |
| top: 50%;
| |
| margin: -20px 0 0 -20px;
| |
| }
| |
| .pin:after {
| |
| content: "";
| |
| width: 14px;
| |
| height: 14px;
| |
| margin: 8px 0 0 8px;
| |
| background: #e6e6e6;
| |
| position: absolute;
| |
| border-radius: 50%;
| |
| }
| |
| | |
| .bounce {
| |
| animation-name: bounce;
| |
| animation-fill-mode: both;
| |
| animation-duration: 1s;
| |
| }
| |
| | |
| .pulse {
| |
| background: #d6d4d4;
| |
| border-radius: 50%;
| |
| height: 14px;
| |
| width: 14px;
| |
| position: absolute;
| |
| left: 50%;
| |
| top: 50%;
| |
| margin: 11px 0px 0px -12px;
| |
| transform: rotateX(55deg);
| |
| z-index: -2;
| |
| }
| |
| .pulse:after {
| |
| content: "";
| |
| border-radius: 50%;
| |
| height: 40px;
| |
| width: 40px;
| |
| position: absolute;
| |
| margin: -13px 0 0 -13px;
| |
| animation: pulsate 1s ease-out;
| |
| animation-iteration-count: infinite;
| |
| opacity: 0;
| |
| box-shadow: 0 0 1px 2px #00cae9;
| |
| animation-delay: 1.1s;
| |
| }
| |
| | |
| @keyframes pulsate {
| |
| 0% {
| |
| transform: scale(0.1, 0.1);
| |
| opacity: 0;
| |
| }
| |
| | |
| 50% {
| |
| opacity: 1;
| |
| }
| |
| | |
| 100% {
| |
| transform: scale(1.2, 1.2);
| |
| opacity: 0;
| |
| }
| |
| }
| |
| | |
| @keyframes bounce {
| |
| 0% {
| |
| opacity: 0;
| |
| transform: translateY(-2000px) rotate(-45deg);
| |
| }
| |
| | |
| 60% {
| |
| opacity: 1;
| |
| transform: translateY(30px) rotate(-45deg);
| |
| }
| |
| | |
| 80% {
| |
| transform: translateY(-10px) rotate(-45deg);
| |
| }
| |
| | |
| 100% {
| |
| transform: translateY(0) rotate(-45deg);
| |
| }
| |
| }
| |
| | | |
| /* Main CSS class of the tooltip */ | | /* Main CSS class of the tooltip */ |
| Line 285: |
Line 24: |
| cursor: help; | | cursor: help; |
| } | | } |
| | |
| | /* |