MediaWiki:Fandomdesktop.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left: 0.8em;
     margin-top: 0.5em;
}
/*************************
* Front page (FP) styles *
**************************/

.fpbox {
  background: rgba( 0, 0, 0, .1 );
  padding: 0.5em;
  box-shadow: rgba(0, 0, 0, 1) 0 0.1em 0.5em;
  border-radius: 0.3em;
  margin:10px 5px;
  border:1px solid rgb(23,109,112);
}

#mf-welcome {
  text-align:center;
}

#fpvideocontainer {
  height:calc(100% - 35px);
  display:flex;
  align-items:center;
}

#fptopsection,
#fpmidsection {
  display:flex;
  flex-flow:row wrap;
}

#fpabout {
  flex:1
}

.fpbox.fpcontent {
  display:flex;
  flex-direction:column;
  flex-grow:1;
}

/****************
* End FP styles *
*****************/