MediaWiki:Custom-common.less

//

/**
 * The is the root LESS file for [[MediaWiki:Common.css]].
 *
 * To update [[MediaWiki:Common.css]] from this file:
 * - For Oasis users: Click the "Update CSS" button at the top of the page
 * - For Monobook users: Click the "Update CSS" link in your toolbox
 *
 * For more information, see <http://dev.wikia.com/wiki/Less>
 * --------------------------------------------------------------------------------------------------------------------
 * LESS standard library: <http://lesscss.org/functions/>
 * Non-standard mixins:   <http://dev.wikia.com/wiki/Less/mixins>
 *
 * Available themedesigner values:
 * - @theme-body    -> body background colour
 * - @theme-buttons -> button colour
 * - @theme-header  -> collapsible footer bar colour
 * - @theme-links   -> link colour
 * - @theme-page    -> article content background
 */

// directory, used in imports
@dir: 'MediaWiki:Custom-common.less';

// template styling
@import '@{dir}/infobox.less';
@import '@{dir}/navbox.less';

// page specific styling
@import '@{dir}/mainpage.less';

/* ----------------------
             CSS to convert
     ---------------------- */
/***** CSS placed here will be applied to all skins on the entire site. *****/
.mw-headline { // Style all headings (h2, h3, etc)
    font-family: Copperplate, Copperplate Gothic Light, fantasy, Impact, Charcoal, sans-serif;
}
abbr[title] { border-bottom:1px dotted currentColor; }
.oddrow tr:nth-of-type(odd)>td, tr.oddrow td { background:rgba(0,0,0,0.04); } /* Darkens every other row */
/* .center is used by wikia, and makes element used on also have a width of 100% */
.ct, .centertext { text-align:center; }
.lt { text-align:left; }
.rt { text-align:right; }

/* General hide class to be used as necessary (pair to .mobile-hide) */
.desktop-hide { display: none !important; }

.tfm-background-color { background: #6A7495; }
 
.wikitable tr:target {
    border-color:#012e59;
    border-style:solid;
    background:#B5D9E8;
}

/* Username styling */
  // Admins
  @users-admin: "Fewfre", "Puffpapa", "Luke_the_Mac_Lover", "FunAlwaysTheGamer", "12a12";
  .user-link-admin {
    color: #DC4F35;
    &:before {
      content: url(http://images.wikia.com/transformice/images/d/da/Admin_Fraise_Icon.png);
      vertical-align: -15%;
    }
  }
  .loop-users(@users-admin, { .user-link-admin(); });//&:extend(.user-link-admin all); });

  // Moderators
  @users-moderator: "Rectoptm", "Riannaleo", "Mrelliot";
  .user-link-moderator {
    color: #3A80FC;
    &:before {
      content: url(http://vignette1.wikia.nocookie.net/transformice/images/e/e7/Moderator_Icon.png);
      vertical-align: -15%;
      padding-right: 3px;
    }
  }
  .loop-users(@users-moderator, { .user-link-moderator(); });//&:extend(.user-link-moderator all); });

  // Helper Leader
  @users-helper-leader: "Shamousey (who does not have a wikia account from my knowledge)";
  .user-link-helper-leader {
    color: #D1AF4B;
    &:before {
      content: url(http://vignette2.wikia.nocookie.net/transformice/images/0/09/Helper_Leader_Icon.png);
      vertical-align: -15%;
    }
  }
  .loop-users(@users-helper-leader, { .user-link-helper-leader(); });//&:extend(.user-link-helper-leader all); });

  // Helpers
  @users-helper: "Fibula";
  .user-link-helper {
    color: #1E3D42;
    &:before {
      content: url(http://vignette2.wikia.nocookie.net/transformice/images/4/41/Helper_Icon.png/revision/latest?cb=20160415022947);
      vertical-align: -15%;
    }
  }
  .loop-users(@users-helper, { .user-link-helper(); });//&:extend(.user-link-helper all); });

  /* Active member name decorations */
  @users-active: "None for now.";
  .user-link-active {
    color: #3A80FC;
    background: url(http://vignette4.wikia.nocookie.net/transformice/images/5/5d/Cheeseone20.png/revision/latest?cb=20160324032131) center left no-repeat;
    padding-left: 22px;
  }
  .loop-users(@users-active, { .user-link-active(); });//&:extend(.user-link-active all); });

  // Loop function for user links
  .loop-users(@users, @ruleset, @i: length(@users)) when (@i > 0) {
    .loop-users(@users, @ruleset, @i - 1);
    @user: extract(@users, @i);
    #WikiaPageHeader, #WikiaArticle, #wikia-recent-activity, .edited-by, .lastEdited {
      a[href$="/wiki/User:@{user}"], *:not(.mw-usertoollinks)>a[href$="/wiki/Message_Wall:@{user}"] {
        @ruleset();
        // Remove icon if link now showing
        &:empty:before { display:none; }
      }
    }
    // Remove icon if link is an avatar
    [class*="avatar"] {
      a[href$="/wiki/User:@{user}"], a[href$="/wiki/Message_Wall:@{user}"] {
        &:before { display:none; }
      }
    }
  }
  .thread .last-post a:first-of-type {
    &:before { display:none; }
  }
  #wikia-recent-activity .edit-info * {
    vertical-align: middle !important;
  }

/* Adds wikipedia Template:Ambox type style to a table/div */
.messagebox {
    background:#EEE;
    color:black;
    border:1px solid #AAA;
    border-left:10px solid @theme-buttons;
    padding:2px 10px;
    display:block;
    margin:0 10% 5px 10%;
    overflow:auto;
}

/* Enables H2 and H3 headers Tabber */
.tabberlive {
    position:relative; // Needed for {{TabberLinks}}
    .tabbertab { h2, h3 { display:block !important;  } }
}

table.wikitable {
    background: url(http://vignette2.wikia.nocookie.net/transformice/images/a/a4/Wiki-Table_Background.png/revision/latest);
}

/* Template:ColorPalette */
.color-palette {
    display:inline-block;
    width:16px;
    height:16px;
    vertical-align: text-top;
    border:1px solid #555;
    border-radius:3px;
}
.color-palette-text {
    font-weight: bold;
    text-shadow: 1px 1px 1px #555, -1px 1px 1px #555, 1px -1px 1px #555, -1px -1px 1px #555;
}

/* Template:Extimage - resize height based on width */
.extimage div,
.extimage a,
.extimage img {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    width: inherit;
}

/* Template:Main */
div.hatnote {
    padding-left: 1.6em;
    margin-bottom: 0.5em;
}

/* Template:Consumable/Inventory clickpick */
.inventory-clickpic {
	display: inline-block;
	position: relative;
}
.inventory-clickpic .count {
	position:absolute;
	right:2px;
	bottom:0px;
	color:white;
	font-size:10px;
	line-height: 1;
	text-shadow: 1.25px 1.25px 1px #000000, -1.25px 1.25px 1px #000000, 1.25px -1.25px 1px #000000, -1.25px -1.25px 1px #000000;
	transition: font-size 0.5s;
}
.inventory-clickpic:hover .count {
	font-size: 14px;
}

/* -----------------------------------------
       topIcon ([[MediaWiki:Common.js]]) - taken / inspired by RS wiki
   ----------------------------------------- */
.topright-icon {
    display: none;
}

#tfm-header-icons {
	position: absolute;
	right: 0;
	bottom: -28px;
	z-index: 2222;
	
	.topright-icon { display:inline; }
	a { margin-left: 2px; }
}
//