Paradise Bay Wiki
Register
Paradise Bay Wiki
No edit summary
Tag: sourceedit
No edit summary
Tag: sourceedit
Line 579: Line 579:
 
.read-more {
 
.read-more {
 
margin: 15px !important;
 
margin: 15px !important;
padding: 5px 0;
+
padding: 10px;
 
}
 
}
 
.author-details {
 
.author-details {

Revision as of 22:00, 17 March 2016

/***********************/
/* Portable Infoboxes */
/**********************/
.pi-theme-paradiseb .pi-image-thumbnail,
.pi-theme-paradise .pi-image-thumbnail {
    max-width:280px;
    }
.pi-theme-paradise .pi-image {
    padding: 5px;
    }
.pi-theme-paradiseb,
.pi-theme-paradise {
    border: 1px solid #1B82A6;
    padding: 0.2em;
    background:linear-gradient(#B8F1FE, #85E7FE) !important;
    color: #FFFFFF; 
    font-size: 87%; 
    width: 280px; 
    border-radius: 14px 14px 10px 10px; 
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; 
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    margin-left:10px;
    margin-bottom:10px;
    }
.pi-theme-paradiseb .pi-item-spacing,
.pi-theme-paradise .pi-item-spacing {
    padding: 0;
    }
.pi-theme-paradiseb .pi-title,
.pi-theme-paradise .pi-title {
    background:linear-gradient(#1B82A6, #08445A) !important; 
    color: #FFFFFF; 
    font-size: 130%;
    font-weight: bold;
    padding-top: 14px; 
    padding-bottom: 7px;
    border-radius: 10px 10px 0 0; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; 
    margin: 0.5px 0.5px 0.5px 0.5px;
    text-align: center;
    line-height: 22px;
    }
.pi-theme-paradiseb .pi-data,
.pi-theme-paradise .pi-data {
    border: none;
    }
.pi-theme-paradiseb .pi-data-label,
.pi-theme-paradiseb .pi-data-value,
.pi-theme-paradise .pi-data-label,
.pi-theme-paradise .pi-data-value {
    background:linear-gradient(#58C6E7, #42BEE4) !important;
    color: #FFFFFF;  
    border-radius: 8px 8px 7px 7px; 
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; 
    border-bottom-left-radius: 8px; 
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    line-height: 22px;
    vertical-align: middle;
    }
.pi-theme-paradiseb .pi-data-label,
.pi-theme-paradise .pi-data-label {
    text-align: left;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
    margin: 0.5px 0.5px 0.5px 0.5px;
    display: flex;
    align-items: center;
    }
.pi-theme-paradiseb .pi-data-value,
.pi-theme-paradise .pi-data-value {
    text-align: right;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    margin: 0.5px 0.5px 0.5px 0.5px;
    }
.pi-theme-paradiseb .pi-item:last-child,
.pi-theme-paradise .pi-item:last-child {
    padding-bottom:  0.1em;
    }

/* For Infobox Only */
.pi-theme-paradise .pi-data-label {
    flex-basis: 135px;
    }

/* For Infobox B Only */
.pi-theme-paradiseb .pi-data-label {
    flex-basis: 60%;
    }
 .pi-theme-paradiseb .pi-data-value {
    font-size: 87%;
    }
/***********/
/* Tables */
/**********/
table.basicTable {  
    background:#FFFFFF;
    color:#08445A; 
    border-radius: 0 14px 7px 7px;
    border: 1px solid #1B82A6;
    border-top-right-radius:14px; 
    margin-top:10px;  
    }
table.basicTable th {  
    background:linear-gradient(#58C6E7, #1B82A6) !important; 
    color: #FFFFFF; 
    padding: 10px; 
    border-radius: 0 10px 0 0; 
    border-top-right-radius: 10px; 
    margin-top: 8px;  
    }
table.basicTable tr:nth-child { 
    background:linear-gradient(#D0F6FF, #EAFBFF) !important;
    color:#08445A; 
    padding: 10px; 
    }
table.basicparadiseTable {  
    background:linear-gradient(#98EDFF, #85E7FE) !important;
    color:#08445A; 
    border-radius: 14px 14px 7px 7px;
    border: 1px solid #1B82A6;
    border-top-right-radius:14px; 
    margin-top:10px;  
    }
table.basicTable2 {  
    background:#FFFFFF;
    color:#08445A; 
    border-radius: 0 14px 0 0;
    border: 1px solid #1B82A6;
    border-top-right-radius:14px; 
    margin-top:10px;  
    }
table.basicTable2 th {  
    background:linear-gradient(#58C6E7, #1B82A6) !important; 
    color: #FFFFFF; 
    padding: 10px; 
    border-radius: 0 10px 0 0; 
    border-top-right-radius: 10px; 
    margin-top: 8px;  
    }
table.basicTable2 tr:nth-child { 
    background:linear-gradient(#D0F6FF, #EAFBFF) !important;
    color:#08445A; 
    padding: 10px; 
    }
table.basicparadiseTable {  
    background:linear-gradient(#98EDFF, #85E7FE) !important;
    color:#08445A; 
    border-radius: 14px 14px 7px 7px;
    border: 1px solid #1B82A6;
    border-top-right-radius:14px; 
    margin-top:10px;  
    }
table.basicparadiseTable th {  
    background:linear-gradient(#58C6E7, #1B98BE) !important;   
    color:#FFFFFF; 
    padding: 10px; 
    border-radius:10px 10px 0 0; 
    border-top-right-radius:10px; 
    margin-top:8px;   
    }
table.basicparadiseTable tr:nth-child { 
    background:linear-gradient(#85E7FE, #98EDFF) !important;  
    color:#08445A; 
    padding:10px; 
    }
table.basicparadiseTable tr:nth-child(odd) { 
    background:linear-gradient(#98EDFF, #66E5FF) !important;
    color:#006CB0;
    }
table.basicparadiseTable tr:nth-child(even) { 
    background:linear-gradient(#85E7FE, #B1F0FE) !important;       
    color:#006CB0; 
    }
table.basicparadiseTable2 {  
    background:linear-gradient(#98EDFF, #85E7FE) !important; 
    color:#08445A; 
    border-radius: 14px 14px 7px 7px;
    border: 1px solid #1B82A6;
    border-top-right-radius:14px; 
    margin-top:10px;  
    }
table.basicparadiseTable2 th {  
    background:linear-gradient(#58C6E7, #1B98BE) !important;   
    color:#FFFFFF; 
    padding:10px; 
    border-radius:10px 10px 0 0; 
    border-top-right-radius:10px; 
    margin-top:8px;   
    }
table.basicparadiseTable2 tr:nth-child { 
    background:linear-gradient(#98EDFF, #85E7FE) !important;
    color:#08445A; 
    padding: 10px; 
    }
table.paradiseTable { 
    background:linear-gradient(#98EDFF, #85E7FE) !important;  
    color:#FFFFFF; 
    border-radius: 14px 14px 7px 7px;
    border:1px solid #1B82A6;
    margin-top:10px;  
    }
table.paradiseTable th { 
    background:linear-gradient(#58C6E7, #1B98BE) !important;   
    color:#FFFFFF; 
    padding: 10px; 
    margin-top:8px;
    }
table.paradiseTable th:first-child {
    border-radius: 10px 0 0 0;
    }
table.paradiseTable th:last-child {
    border-radius: 0 10px 0 0;
    }
table.paradiseTable tr:nth-child(odd) { 
    background:linear-gradient(#98EDFF, #66E5FF) !important; 
    color:#006CB0; 
    }
table.paradiseTable tr:nth-child(even) { 
    background:linear-gradient(#85E7FE, #B1F0FE) !important;   
    color:#006CB0; 
    }
/***********/
/* Tabber */
/**********/    
ul.tabbernav li a {
    border:none !important;
    background:none !important;
    font-size: 18px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    box-shadow: 1px 1px 2px #1B82A6 !important;
    padding: 10px !important;
    cursor:default !important;
    }
ul.tabbernav li:first-child a {
    border:none !important;
    border-radius: 0 0 0 0 !important;
    }
ul.tabbernav li:child a {
    border:none !important;
    border-radius: 0 0 0 0 !important;
    }
ul.tabbernav li:last-of-type a {
    border:none !important;
    border-radius: 0 14px 0 0 !important;
    }
.tabberlive .tabbertab {
    border: 1px solid #1B82A6 !important;
    background: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px 14px 7px 7px !important; 
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; 
    border-bottom-right-radius: 10px !important; 
    border-bottom-left-radius: 10px !important;
    }
ul.tabbernav {
    border:none !important;
    background:linear-gradient(#58C6E7, #1B82A6) !important;
    color: #FFFFFF !important; 
    border-radius: 0 14px 0 0 !important;
    border-top-right-radius: 14px !important; 
    border-top-left-radius:0px !important; 
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    text-align: left !important;
    }
ul.tabbernav li a:active {
    border:none !important;
    background: #58C6E7 !important;
    }
ul.tabbernav li.tabberactive a {
    border:none !important;
    background:linear-gradient(#85E7FE, #1B82A6) !important;
    color:white !important;
    }
ul.tabbernav li.tabberactive a:active {
    border:none !important;
    background:linear-gradient(#1B82A6, #58C6E7) !important;
    color:white !important;
    }
.tabberlive, .tabbernav, li.tabberactive a:hover {
	/* selected tabber tab when being hovered */
    }
.tabberlive, .tabbernav, li.tabberactive a:active {
	/* selected tabber tab when being clicked */
    }
.selector .tabberlive, .selector .tabberlive .tabbernav {
    display: table;
    width: 100%;
    border-spacing: 1px;
    }
.selector .tabberlive .tabbernav li {
    display: table-cell;
    border-spacing: 1px;
    }
.selector .tabberlive .tabbernav li a {
    width: 100%;
    border-spacing: 1px;
    }
ul.tabbernav {
    overflow: hidden;
    }
/********************/
/* Navigation Boxes */
/********************/
.navbox { 
    border: 1px solid #1B82A6; 
    background:linear-gradient(#B8F1FE, #85E7FE) !important;
    color: #08445A; 
    border-radius: 14px 14px 7px 7px; 
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; 
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px;
    width: 100%; 
    clear: both; 
    text-align: center; 
    margin-top: 0.5em; 
    margin-bottom: 0.5em;
    }
.navbox th {
    background:linear-gradient(#1B82A6, #08445A) !important;
    color: #FFFFFF; 
    border-radius: 10px 10px 0px 0px; 
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px;
    margin-top: 8px;
    padding: 1em;
    }
.navbox td {
    font-size: 91%; 
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    }
.navbox-even { 
    background-color: #98EDFF;
    }
.navbox-odd { 
    background-color: #85E7F; 
    }
.navbox a:active {
    color: #08445A !important;
    }
.navbox a:hover {
    color: #08445A !important;
    }
/********************/
/* Wiki Navigation */
/*******************/
.navbackground {
    border-radius:0 0 0 7px;
    -moz-border-radius:0 0 0 7px;
    }
.nav-item.marked {
    background:linear-gradient(#85E7FE, #1B82A6) !important;
    border: 1px solid #1B82A6 important;
    border-radius: 14px 14px 0 0 !important;
    }
.nav-item.marked > a {
    border-top-color: transparent !important;
    }
.subnav-2-item.marked2 .subnav-2a {
    border-radius: 14px 14px 0 0 !important;
    -moz-border-radius: 14px 14px 0 0 !important;
    }
.subnav-2a {
    transition :0.2s all linear;
    -webkit-transition: 0.2s all linear;
    border-radius: 14px 14px 0px 0px;
    -moz-border-radius: 14px;
    }
.subnav-2a:hover {
    background:linear-gradient(#85E7FE, #1B82A6) !important;
    color: #FFFFFF !important;
    }
.subnav-3.subnav {
    border-radius: 0 14px 7px 7px;
    -moz-border-radius: 0 14px 7px 7px;
    margin-top: 1px !important;
    }
/*********************/
/* Table of Contents */
/*********************/      
#toc, #toc h1, #toc h2 {
    border: 1px solid #1B82A6; 
	background: #FFFFFF;
	color: #08445A;
	border-radius: 0px 14px 7px 7px;
	padding: 10px;
    }
/************/
/* Headers */
/***********/ 
.header-title > h1 {
    background:linear-gradient(#1B82A6, #08445A); 
    color: #FFFFFF; 
    font-weight:bold; 
    -moz-border-radius:14px 14px 0 0; 
    border-top-right-radius:14px; 
    border-top-left-radius:14px; 
    padding:10px;
    border-bottom: 0;
    display:inline-block; 
    width:95%;
    }
.WikiaArticle h, .WikiaArticle h1,.WikiaArticle h2, .top-wiki-articles .top-wiki-main { 
    background:linear-gradient(#1B82A6, #08445A); 
    color: #FFFFFF; 
    font-weight:bold; 
    -moz-border-radius:14px 14px 0 0; 
    border-top-right-radius:14px; 
    border-top-left-radius:14px; 
    padding:10px;
    border-bottom: 0;
    }
.WikiaArticle h3,.WikiaArticle h4 { 
    color: #08445A; 
    font-weight:bold; 
    border-bottom: 0; 
    }
.Search .result h1, .Search .result .RailModule h2, .RailModule .Search .result h2l, .wikiaPhotoGallery-slider-body .horizontal .description h2, .AdminDashboard .admin-dashboard-content .control-section header h1, .wikiaPhotoGallery-slider-body .vertical .description h2 {
    background: none !important;
    font-weight:bold; 
    }
.WikiaBlogListing h2 {
    background: none !important;
    }
/**********/
/* Polls */
/*********/  
.ajax-poll { 
    width: 60% !important;
    border: 1px solid #1B82A6 !important;
    background: #FFFFFF;
    color: #08445A !important;
    border-radius: 0px 14px 7px 7px;
    padding: 10px;
    }
.pollAnswerVotes div {
    background: #58C6E7 !important;
    }
/*****************/
/* IconMini List */
/*****************/    
.iconminilist ul { 
    -moz-column-count: 4; 
    -moz-column-gap: 20px; 
    -webkit-column-count: 4; 
    -webkit-column-gap: 20px; 
    column-count: 4; 
    column-gap: 20px; 
    text-align: left; 
    list-style: outside none none; 
    margin: 0; 
    }
/************************/
/* Font and Link Colors */
/************************/
.mw-collapsible-toggle a { color: white; }
body     { color:#08445A; }
external { color:#177190; }
active   { color:#177190; }
visited  { color:#177190; }
/***********************************/
/* User and Message Customization */
/**********************************/
.UserProfileMasthead .masthead-info {
    background:linear-gradient(#FFFFFF, #B8F1FE) !important;
    overflow:hidden;
    }
.UserProfileMasthead .masthead-avatar .avatar {
    border: 2px #1B82A6;
    box-shadow: 1px 1px 1px 1px #1B82A6;
    }
.avatar {
    border-radius: 8px 8px 7px 7px; 
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; 
    border-bottom-right-radius: 7px; 
    border-bottom-left-radius: 7px;
    }
.tabs .selected a {
    border-bottom: 1px solid #1B82A6;
    border-top: none;
    border-left: none;
    border-right: none;
    background:linear-gradient(#85E7FE, #1B82A6) !important;
    color:white !important;
    border-radius: 14px 14px 0 0 !important; 
    cursor: text;
    font-weight: bold;
    text-decoration: none;
}
.Wall .SpeechBubble.new-message .speech-bubble-message {
    background:linear-gradient(#85E7FE, #B8F1FE) !important;
    border: none;
    border-radius: 14px 14px 10px 10px; 
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; 
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    padding: 10px;
    }
.Wall .SpeechBubble.new-message .speech-bubble-message:after {
    border-color: #85E7FE #85E7FE  transparent transparent;
    }
.Wall ul.comments > li.message > .speech-bubble-message {
    background:linear-gradient(#85E7FE, #B8F1FE) !important;
    border-radius: 14px 14px 10px 10px; 
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; 
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    padding: 10px;
    }
.Wall ul.comments > li.message > .speech-bubble-message:after {
    border-color: #85E7FE #85E7FE  transparent transparent;
    }
.Wall ul.comments > li.message ul.replies > li {
    background:linear-gradient(transparent, #FFFFFF) !important;
    border-radius: 14px 14px 10px 10px; 
    border-top-left-radius: 14px;
    border-top-right-radius: 14px; 
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px; 
    padding: 10px;
    }
.comments li blockquote {
    color:#1B82A6; 
    background:linear-gradient(transparent, #FFFFFF) !important;
    }
.comments li blockquote:after {
    background:linear-gradient(transparent, #FFFFFF) !important;
    }
.comments li blockquote div {
    background: transparent;
    }
.comments li blockquote {
    background:linear-gradient(transparent, #FFFFFF) !important;
    }
/****************/
/* Blog Listing */
/****************/    
.WikiaBlogListing h2 {
    font-size: 16px !important;
    font-weight: bold;
    line-height: 12px;
    padding: 7px 0;
    }
.WikiaBlogListing .author-details span {
    font-size: 10px !important;
    padding: 2px 0;
    }
.WikiaBlogListing .WikiaBlogListingPost {
    padding: 2px;
    }
.ArticlePreviewInner .WikiaArticle li {
    font-size: 8px !important;
    }
.post-summary {
    width: 684px;
    height: 20px;
    padding: 2px 0;
    }
.read-more {
    margin: 15px !important;
    padding: 10px;
    }
.author-details {
    width: 684px;
    height: 25px;
    }
/***********************/
/* Admin Customization */
/***********************/
/* Hollowness */
.comments li[data-user="Hollowness"] .edited-by:after { 
    content: url("http://vignette2.wikia.nocookie.net/paradise-bay/images/9/99/QueenCrab.png/revision/latest/scale-to-width-down/20?cb=20150928140102") 
}
a[href$='Hollowness'] {
    color:#2BB7E1 !important;
    font-weight:bold;
    }
.comments li[data-user="Hollowness"] blockquote {
    color:#1B82A6; 
    background:linear-gradient(#85E7FE, #B8F1FE) !important;
    }
.comments li[data-user="Hollowness"] blockquote:after {
    border-color: transparent #85E7FE #85E7FE transparent !important;
    }
.comments li[data-user="Hollowness"] blockquote div {
    background: transparent;
    }
.comments li[data-user="Hollowness"] blockquote {
    border: 1px solid #1B82A6 !important;
    }
/* Piipou */
a[href$='Piipou'] {
    color:#000066 !important; 
    font-weight:bold;
    }
.comments li[data-user="Piipou"] blockquote {
    color:#000066 !important; 
    background:linear-gradient(#c1fe85, #85fec1) !important;
    }
.comments li[data-user="Piipou"] blockquote:after {
    border-color: transparent #c1fe85 #c1fe85 transparent !important;
    }
.comments li[data-user="Piipou"] blockquote div {
    background: transparent;
    }
.comments li[data-user="Piipou"] blockquote {
    border: 1px solid #000066 !important;
    }
/* Hbennet  */
a[href$='Hbennet '] {
    color:#1B82A6 !important; 
    font-weight:bold;
    }
.comments li[data-user="Hbennet "] blockquote {
    color:#1B82A6 !important; 
    background:linear-gradient(#B8F1FE, #85E7FE) !important;
    }
.comments li[data-user="Hbennet "] blockquote:after {
    border-color: transparent #B8F1FE #B8F1FE transparent !important;
    }
.comments li[data-user="Hbennet "] blockquote div {
    background: transparent;
    }
.comments li[data-user="Hbennet "] blockquote {
    border: 1px solid #1B82A6 !important;
    }