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