Welcome to Assassin's Creed Wiki! Log in and join the community.

MediaWiki talk:Common.css

From the Assassin's Creed Wiki
Jump to navigation Jump to search

Old version of PortalSlider CSS[edit source]

In November 2017, this wiki's past attempt at using the so-called "PortalSlider" code developed at Dragon Age wiki was deprecated, as discussed with admin on Discord. Because it used many of the same CSS declarations as the new, more functional version that was introduced, CSS conflicts abounded. Therefore, the new CSS declarations were placed at MediaWiki:PortalSlider.css, and then imported via MediaWiki:Common.css.

The old declarations have been brought here, for archival purposes. Attempts to re-introduce the following code into "live" CSS pages will likely have unintended consequences. -- CzechOut <staff /> 19:42, November 8, 2017 (UTC)


/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 470px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; cursor: pointer; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(0,128,170) 0, rgb(85,213,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,128,170)), color-stop(100%, rgb(85,213,255))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(0, 143, 191); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(0,175,234) 0, rgb(149,228,255) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(0,175,234)), color-stop(100%, rgb(149,228,255))); color: rgb(0,175,234); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radiust: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }


/*******************/
/* portal: content */
/*******************/
#portal_content { font-size: 0.9em; line-height: 1.7em; }
#portal_content .portal_body > table { height: 400px; }
#portal_content ul { list-style: disc outside; }
#portal_content ul ul { margin-left: 1em; }
 
/****************/
/* portal: news */
/****************/
#portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; }
#portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; }
#portal_news .WikiaBlogListingBox ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; list-style-type: none;} /* override the default border #portal_news colors */
.WikiaBlogListingBox ul li:first-child { border: none !important; } /* override the override */

/******************/
/* portal: forums */
/******************/
#portal_forums .forum_title { }
#portal_forums .forum_edited { text-align: right; }

/*******************/
/* portal: twitter */
/*******************/
#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(240,248,255) !important; padding: 0.2em 0; list-style: none; } /* change it from a bulleted list into a unbulleted list */
#portal_twitter ul { margin-left: 0em !important; }

/*********************************/
/* main page jquery tabs/sliders */
/*********************************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/**********************/
/**Portal definitons  */
/**********************/

.portal_sliderlink_1, .portal_sliderlink_2, .portal_sliderlink_3, .portal_sliderlink_4, .portal_sliderlink_6, .portal_sliderlink_5, .portal_sliderlink_6, .portal_sliderlink_7 {
border: 1px solid #000;
}

.portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_6:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover {
border: 1px solid #999;
}

/**********/
/* Homepage overrides */
/**********/
.portal_container { }
.portal_section ul  { list-style: disc; }
.portal_section { border: 2px solid rgb(0,0,0); margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, rgba(149,213,255, 0.1) 0, rgba(0,26,43,0.4) 100%); -moz-border-radius: 1em; -moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, rgba(149,213,255, 0.1)), color-stop(100%, rgba(0,26,43,0.4))); -webkit-border-radius: 1em; -webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5); border-radius: 1em; box-shadow: 0px 0px 4px rgba(240,248,255,0.5); }
.portal_header { padding: 0 1em; position: relative; }
.portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; }
.portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; }
.portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: rgb(240,248,255) !important; }
.portal_body { padding: 0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: rgb(240,248,255) !important; }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted rgb(240,248,255); text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: rgb(240,248,255) ; }
/* #portal ul.tabbernav { display: none; } */

#portal .tabberlive .tabbertab {
    border: 0px #000 solid !important;
border-top:0 !important;
background-color: #000 !important;
}