Welcome to Assassin's Creed Wiki! Log in and join the community.
MediaWiki:Mainpage.css: Difference between revisions
Jump to navigation
Jump to search
imported>CzechOut No edit summary |
imported>CzechOut No edit summary |
||
| Line 30: | Line 30: | ||
margin-top:20px; | margin-top:20px; | ||
} | } | ||
.mainpage-box-visit, | |||
.mainpage-box-welcome, | .mainpage-box-welcome, | ||
.mainpage-box-featured-article { | .mainpage-box-featured-article { | ||
Revision as of 19:58, 8 November 2017
/* =================================
November 2017 mainpage redesign:
Elements affecting just the
mainpage
================================= */
/** General mainpage qualities **/
.mainpage-wrap {
}
.mainpage ficaption p.title,
.mainpage .article-thumb figcaption {
display:none;
margin-left:10px;
}
.mainpage .lightbox-caption {
}
/** Modules **/
.mainpage-box-visit,
.mainpage-box-slider,
.mainpage-box-featured-article,
.mainpage-box-featured-videos,
.mainpage-box-welcome {
width:670px;
margin:40px auto;
}
.mainpage-box-slider {
margin-top:20px;
}
.mainpage-box-visit,
.mainpage-box-welcome,
.mainpage-box-featured-article {
width:630px;
}
.mainpage-box-welcome .help-body {
font-size:14px;
line-height:140%;
}
.mainpage-box-visit,
.mainpage-box-welcome,
.mainpage-box-forum,
.mainpage-box-discussions,
.mainpage-box-news,
.mainpage-box-poll,
.mainpage-box-featured-article {
border:2px solid #F9E199;
padding:20px;
}
.mainpage-box-discussions {
padding:0;
padding-top:20px;
}
.mainpage-box-buy,
.mainpage-box-discord {
margin-bottom:20px;
margin-top:20px;
}
.mainpage-box-news,
.mainpage-box-poll,
.mainpage-box-forum {
margin-bottom:20px;
}
/** Headers, in general **/
.mainpage-box-visit .header,
.mainpage-box-slider .header,
.mainpage-box-welcome .header,
.mainpage-box-featured-article .header,
.mainpage-box-featured-videos .header {
text-align:center;
font-size:38px;
text-transform:uppercase;
font-family: "Cinzel";
letter-spacing:3px;
margin:0 auto;
color:#F9E199;
padding-bottom:20px;
padding-top:10px;
line-height:130%;
}
.mainpage-box-discussions .header,
.mainpage-box-news .header,
.mainpage-box-poll .main-header,
.mainpage-box-forum .header {
font-size:26px;
text-align:center;
color:#F9E199;
text-transform:uppercase;
letter-spacing:2px;
font-family: "Cinzel";
line-height:130%;
}
.mainpage-box-forum .header,
.mainpage-box-news .header {
margin-bottom:20px;
}
/* Forum module */
.mainpage .mw-content-ltr .forum-activity-module h2,
.page-Portal_Origins_main_page .mw-content-ltr .forum-activity-module h2 {
display:none;
}
/* Discussions module */
.page-Portal_Origins_main_page .discussion-module,
.mainpage .discussion-module {
display:none /* Turns off standard module to give deference to the bespoke one here */
}
.page-Portal_Origins_main_page .embeddable-discussions-module,
.mainpage .embeddable-discussions-module {
border:none;
}
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail {
/*background-color:#bac3cd;*/
}
.page-Portal_Origins_main_page .embeddable-discussions-post .actions a,
.page-Portal_Origins_main_page .embeddable-discussions-post .actions,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-actions {
border-color:#F9E199;
color:#f9e199;
}
.page-Portal_Origins_main_page .embeddable-discussions-heading,
.mainpage .embeddable-discussions-heading {
display:none;
}
.page-Portal_Origins_main_page .embeddable-discussions-show-all,
.mainpage .embeddable-discussions-show-all {
color:#F9E199;
display:none;
}
.page-Portal_Origins_main_page .embeddable-discussions-show-all a,
.page-Portal_Origins_main_page .embeddable-discussions-show-all a:link,
.page-Portal_Origins_main_page .embeddable-discussions-show-all a:visited,
.mainpage .embeddable-discussions-show-all a,
.mainpage .embeddable-discussions-show-all a:link,
.mainpage .embeddable-discussions-show-all a:visited {
color:#F9E199!important;
}
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-post-detail,
.mainpage .embeddable-discussions-module .embeddable-discussions-post-detail {
background-color:transparent;
border-color:#F9E199;
}
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-reply-icon path,
.mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-discussions-upvote-icon path,
.mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path {
fill: #F9E199;
}
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-mainpage-box-discussions-post-actions a,
.mainpage .embeddable-box-discussions-module .embeddable-mainpage-box-discussions-post-actions a,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-mainpage-box-discussions-post-counters,
.mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-post-counters,
.page-Portal_Origins_main_page .embeddable-discussions-module .avatar-details,
.mainpage .embeddable-mainpage-box-discussions-module .avatar-details,
.page-Portal_Origins_main_page a.avatar-username,
.mainpage a.avatar-username,
.page-Portal_Origins_main_page .embeddable-discussions-module .embeddable-mainpage-box-discussions-timestamp,
.mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-timestamp,
.embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-forum {
color:#F9E199;
}
.mainpage-box-discussions {
margin:0 auto;
}
/* Poll stuff */
div#ajax-poll-area {
text-align:center;
}
div.ajax-poll div.header {
text-align:center;
}
.page-Portal_Origins_main_page .ajax-poll input[type="submit"],
.mainpage .ajax-poll input[type="submit"] {
margin-left:85px;
}
/* Blog stuff */
.page-Portal_Origins_main_page .WikiaBlogListingBox .wikia-button,
.mainpage .WikiaBlogListingBox .wikia-button,
.page-Portal_Origins_main_page a.more,
.mainpage a.more,
.page-Portal_Origins_main_page .WikiaBlogListingBox h2,
.mainpage .WikiaBlogListingBox h2 {
display:none;
}
.page-Portal_Origins_main_page tabs li a,
.mainpage .tabs li a {
padding:5px;
margin-right:10px;
}
.page-Portal_Origins_main_page .selected a,
.mainpage .tabs .selected a {
border-color:#f9e199;
border-radius:0;
color:#f9e199;
}
.page-Portal_Origins_main_page ul.tabs,
.mainpage ul.tabs {
border:none;
}
/* Help stuff */
input.createboxInput {
background:transparent;
border-color:#F9E199;
color:#F9E199;
margin-left:0;
}
/* Category Tree stuff */
.page-Portal_Origins_main_page .CategoryTreeBullet,
.mainpage .CategoryTreeBullet
.page-Portal_Origins_main_page .CategoryTreeItem,
.mainpage .CategoryTreeItem {
display:none;
}
/* Button stuff */
.page-Portal_Origins_main_page input[type="submit"],
.page-Portal_Origins_main_page input[type="button"],
.page-Portal_Origins_main_page button,
.mainpage input[type="submit"],
.mainpage input[type="button"],
.mainpage button {
background-image:none;
border-radius:0;
text-transform:uppercase;
background-color:transparent;
border-color:#F9E199;
color:#F9E199;
}
/* Portal stuff */
/***************/
/* portal main */
/***************/
/* container settings */
.portal_metro .toc {
display: none;
}
.portal_container {
position: relative;
display: inline-block;
width: 670px;
}
/* give all containers a black background so the opacity changes results in a brightness change */
.portal_metro:before {
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
content: "";
background-color: rgb(0,0,0);
z-index: -2;
}
.portal_metro {
border: 2px solid #F9E199;
}
.portal_metro .portal_body {
padding: 0 10px 0 10px;
overflow: hidden;
}
/* pages nested within a slider container should not render borders twice */
.portal_metro .portal_metro {
border: none;
}
.portal_metro.ui-tabs .ui-tabs-panel {
padding: 0;
}
.portal_metro#portal_slider,
.portal_metro#portal_slider .portal_body {
padding: 0;
}
.portal_metro#portal_slider {
width:670px;
margin:0 auto;
}
/* font title and sliders */
.portal_metro [class^=portal_sliderlink] .mw-headline,
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
.portal_metro .portal_header_text,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a,
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {
width: 100%;
font-family: "Cinzel", serif;
font-weight: normal;
font-size: inherit;
line-height: inherit;
text-shadow: 0px 0px 2px rgba(0,64,0,0.5), -1px -1px rgba(0,64,0,0.5), 1px 1px rgba(0,64,0,0.5);
text-align:left;
color:#F9E199;
}
.portal_metro [class^=portal_sliderlink] .mw-headline,
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
.portal_metro .portal_header_text,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
text-transform: uppercase;
}
.portal_metro .portal_header_text {
font-size: 2em;
padding-top: 15px;
}
.portal_metro [class^=portal_sliderlink] {
font-size: 1.4em;
}
/* portal headers, headerlinks colors and formatting */
.portal_metro .portal_header {
position: relative;
margin-bottom: 6px;
padding: 0;
}
.portal_metro .portal_header_text {
border-bottom: none;
padding-left: 15px;
}
.portal_metro .portal_headerlinks {
font-size: 0.8em;
position: absolute;
right: 1em;
top: 1em;
padding-bottom: 2px;
z-index: 1;
}
.portal_metro .portal_header,
.portal_metro .portal_header a:link,
.portal_metro .portal_header a:visited,
.portal_metro .portal_header a:hover,
.portal_metro .portal_header a:active {
color: rgb(89,105,57);
}
/* slider text position */
.portal_metro [class^=portal_sliderlink] .portal_slidertext {
position: absolute;
bottom: 10px;
left: 10px;
}
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
display: block;
font-size: 1.6em;
left: 20px;
line-height: 1em;
}
/* main slider sizing */
.portal_metro#portal_main [class^=portal_sliderlink] {
cursor: pointer;
position: absolute;
overflow: hidden;
}
.portal_metro#portal_main,
.portal_vtab.ui-tabs-vertical,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav,
.portal_vtab.ui-tabs-vertical .ui-tabs-panel {
height: 450px;
}
.portal_metro#portal_main .portal_sliderlink-2 {
width: 100%;
}
/* slider background */
.portal_metro#portal_main [class^=portal_sliderlink]:before {
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgb(0,0,0);
position: absolute;
z-index: -1;
}
.portal_metro#portal_main [class^=portal_sliderlink]:after {
z-index: -1;
background-repeat: no-repeat;
content : "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
}
.portal_metro#portal_main [class^=portal_sliderlink]:hover:after {
opacity: 1;
}
.portal_metro#portal_main .portal_sliderlink-2 {
top: 0px;
left: 0px;
height: 450px;
}
.portal_metro#portal_main .portal_sliderlink-2:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/4/44/Origins-Portal-Big.png');
}
.portal_metro#portal_main .portal_sliderlink-3 {
top: 0px;
right: 0px;
height: 112px;
}
.portal_metro#portal_main .portal_sliderlink-3:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/a/aa/Main-Portal-Small.png');
}
.portal_metro#portal_main .portal_sliderlink-4 {
top: 112px;
right: 0px;
height: 113px;
}
.portal_metro#portal_main .portal_sliderlink-4:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/e/e0/Other-Portal-Small.png');
}
.portal_metro#portal_main .portal_sliderlink-5 {
top: 225px;
right: 0px;
height: 112px;
}
.portal_metro#portal_main .portal_sliderlink-5:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/9/99/Comics-Portal-Small.png');
}
.portal_metro#portal_main .portal_sliderlink-6 {
top: 337px;
right: 0px;
height: 113px;
}
.portal_metro#portal_main .portal_sliderlink-6:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/5/57/Admin-Portal-Small.png');
}
/* slider sub category background */
#porta_main,
#portal_series,
#portal_lore,
#portal_dao,
#portal_da2,
#portal_dai {
position: relative;
}
#portal_series:after,
#portal_lore:after,
#portal_dao:after,
#portal_da2:after,
#portal_dai:after {
z-index: -1;
background-repeat: no-repeat;
content : "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#portal_dai:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/f/fe/Main-Portal-Big.png');
}
#portal_series:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/4/44/Origins-Portal-Big.png');
}
#portal_dao:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/8/86/Other-Portal-Big.png');
}
#portal_da2:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/6/64/Comics-Portal-Big.png');
}
#portal_lore:after {
background-image: url('https://vignette.wikia.nocookie.net/czech-ac-out/images/6/6a/Admin-Portal-Big.png');
}
.portal_metro#portal_slider .portal_navlink {
display: none;
}
.portal_metro#portal_slider {
}
.portal_metro#portal_slider .portal_navlink {
display: block;
position: absolute;
bottom: 8px;
left: 8px;
z-index: 2;
}
.portal_metro#portal_slider .portal_navlink img {
opacity: 0.3;
}
.portal_metro#portal_slider .portal_navlink img:hover {
opacity: 0.8;
}
.portal_metro#portal_slider .portal_header {
position: absolute;
width: 100px;
height: 50px;
right: 10px;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
padding: 0;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
border: none;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel {
position: absolute;
left: 200px;
top: 0px;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav {
padding: 0;
width: 200px;
float: left;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li {
cursor: pointer;
margin: 0;
top: 0;
clear: left;
width: 100%;
border-bottom-width: 1px !important;
border-right-width: 0 !important;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
padding: 0;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
background: none;
font-size: 1.2em;
display:block;
width: 100%;
padding: .25em 0 .5em 1em;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a {
background: none;
cursor: pointer;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after {
height: 420px;
content: "";
width: 100%;
overflow-y: hidden;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before {
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before,
.portal_vtab.ui-tabs-vertical .ui-tabs-nav:after,
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default {
background-color: rgba(0,0,0,0.6);
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
background-color: transparent;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover {
background-color: transparent;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical {
width: 100%;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
padding-bottom: 0;
border-right-width: 1px;
border-right-width: 1px;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul {
padding: 12px 0 0 5px;
margin: 0;
/* columns: 2; -webkit-columns: 2; -moz-columns: 2; */
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
list-style: none;
padding: .25em 0 .5em 1em;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {
font-size: 1.2em;
display:block;
color: rgb(255,255,255);
font-family:Lora;
line-height:120%;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
padding: 1em 0 0 1em;
margin-top: 0;
border-bottom: none;
text-transform: uppercase;
color: rgb(89,105,57);
font-size: 1.4em;
}
.portal_metro#portal_slider .cols_2 ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
/********************************/
/* portal screen wide overrides */
/********************************/
@media screen and (max-width: 1023px) {
.portal_metro [class^=portal_sliderlink] {
width: 225px;
}
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
width: 360px;
}
.portal_metro#portal_images,
.portal_metro#portal_images img.thumbimage,
.portal_metro#portal_images .wikia-slideshow-wrapper,
.portal_metro#portal_images .wikia-slideshow-images {
height: 280px !important;
}
.WikiaRail .module {
position: relative;
}
}
@media screen and (min-width: 1023px) and (max-width: 1650px) {
.portal_metro [class^=portal_sliderlink] {
width: 225px;
}
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
width: 360px;
}
.portal_metro#portal_images,
.portal_metro#portal_images img.thumbimage,
.portal_metro#portal_images .wikia-slideshow-wrapper,
.portal_metro#portal_images .wikia-slideshow-images {
height: 280px !important;
}
}
@media screen and (min-width: 1650px) {
.portal_metro [class^=portal_sliderlink] {
width: 300px;
}
}
/* Footer */
.mainpage .recirculation-horizontal.recirculation-footer h3,
.mainpage .recirculation-horizontal .item a,
.mainpage .WikiaFooter .recirculation-impact-footer h2,
.mainpage .WikiaFooter .recirculation-impact-footer .items h4 {
color:#fff
}
/* Portability */
@media (max-width: 1023px) {
.mainpage-box-discussions,
.mainpage-box-forum,
.mainpage-box-news,
.mainpage-box-poll {
border:none!important;
width:285px!important;
}
.mainpage-box-news,
.mainpage-box-forum,
.mainpage-box-discussions {
display:inline-block;
margin:0 auto 20px auto;
background-color:transparent;
border:none;
}
.main-page-tag-rcs .module,
.main-page-tag-rcs .forum-activity-module {
width:285px;
}
}