|
|
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; |
| } | | } |
| + | |
| + | /* |