MediaWiki:Common.css

/* ############################################ */ /* # primary colors for R:M wiki             # */ /* # darkred: #500B0B -> rgb(80, 11, 11)     # */ /* # red: #721410     -> rgb(114, 20, 16)    # */ /* # pink: #F08080    -> rgb(240, 128, 128)  # */ /* # others: #111, #222, ..., #999, #fff     # */ /* ############################################ */

/* ############################################################ */ /* ###################### MAIN  ############################## */ /* ############################################################ */

/* ############################################# */ /* # MAIN PAGE  kudos to Jak and Daxter wiki  # */ /* ############################################# */

.portal-outline { margin: 5px 5px 5px 5px;  opacity: 0.75;  } .portal-outline:hover { -moz-box-shadow: 0 0 10px #222; -webkit-box-shadow: 0 0 10px #111; box-shadow: 0 0 10px #222; opacity: 1.0;  }

.portal-section { display: block; height: auto; width: auto; background: transparent; border: 1px solid #303030; color: #fff; font-size: 12px; border-radius: 4px; overflow: hidden; margin: 5px 5px 5px 5px; opacity: 0.75; }

.portal-section:hover { -moz-box-shadow: 0 0 10px #222; -webkit-box-shadow: 0 0 10px #111; box-shadow: 0 0 10px #222; opacity: 1.0; }

.portal-section .header { display: block; height: 37px; width: 100%; line-height: 37px; text-align: left; font-size: 17px; font-weight: bold; background: #721410; }   .portal-section .header span { display: block; margin-left: 13px; }   .portal-section .content { display: block; width: 99%; height: 100%; padding: 5px; }

/* ############################################################ */ /* ###################### OTHERS  ############################ */ /* ############################################################ */

/* ######################################## */ /* # CHARACTER ROSTER kudos to LoL wiki  # */ /* ######################################## */

/* Character roster. */ .character_roster { line-height: 0; /* Kills any vertical spacing between rows */ word-spacing: 0; /* Negates the space between each icon */ margin: 0; padding: 10px 0px; text-align: center; } .character_roster li { display: inline-block; margin: 0; overflow: hidden; border-radius: 1000px; box-shadow: 0 0 4px #111; } .character_roster li:hover { box-shadow: 0 0 3px #fff, 0 0 4px #111; }

/* ############# */ /* # TOOLTIP  # */ /* ############# */ /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #999; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #EEE; } /* Adds padding to the wrapper to make space for a shadow */ padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /*
 * 1) tooltip-wrapper {

/* ################ */ /* # REFERENCES  # */ /* ################ */ /* make the list of references look smaller */ ol.references { font-size: 90%; } .references-small { font-size: 90%;} /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 90%; -moz-column-count:2; column-count:2; } /* ############################################### */ /* # TEMPLATE SLIDER  kudos to Dragon Age wiki  # */ /* ############################################### */ .portal_container { } .portal_section ul { list-style: disc;} .portal_section { border: 1px solid #222 !important; margin: 0 0 10px 0; background: #333 !important; -moz-box-shadow:0px 0px 4px rgba(192,192,192,0.5); -webkit-box-shadow: 0px 0px 4px rgba(192,192,192,0.5); box-shadow: 0px 0px 4px rgba(192,192,192,0.5); -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } .subheader { border-bottom: 1px solid #ABABAB; color: #EFEFEF; font-size: 110%; font-weight: bold; line-height: 15px; padding: 5px 1px 0; }	padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 853px; width: 600px; overflow:hidden; }	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(85,85,85) 0, rgb(34,34,34) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(85,85,85)), color-stop(100%, rgb(34,34,34))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(68,68,68); -moz-user-select: none; -webkit-user-select: none; user-select: none; }	background-image: -moz-linear-gradient(bottom, rgb(119,119,119) 0, rgb(51,51,51) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(119,119,119)), color-stop(100%, rgb(51,51,51))); color: rgb(153,153,153); }	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; }	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; }	height: 100%; padding: 0; position: absolute; top: 0; width: 100%; }	list-style: disc outside; margin-left: 22px; } /* main page jquery tabs/sliders */ .ui-tabs .portal_body { position: relative; padding: .2em; zoom: 1;} .ui-tabs .portal_body .ui-tabs-nav { margin: 0; padding: .2em .2em 0;} .ui-tabs .portal_body .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 .portal_body .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .portal_body .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0;} .ui-tabs .portal_body .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 .portal_body .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer;} .ui-tabs .portal_body .ui-tabs-panel { display: block; border-width: 0 !important; padding: 0; background: none;} .ui-tabs .portal_body .ui-tabs-hide { display: none !important;} .portal_body .ui-tabs-hide { display: none !important;}
 * 1) portal_slider {
 * 1) portal_slider #portal_next, #portal_slider #portal_prev {
 * 1) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover {
 * 1) portal_slider #portal_next {
 * 1) portal_slider #portal_prev {
 * 1) portal_slider > .portal_body {
 * 1) portal_content { font-size: 0.9em; line-height: 1.7em; }
 * 2) portal_content .portal_body > table { height: 400px; }
 * 3) portal_content ul {
 * 1) portal_content ul ul { margin-left: 1em;}