×
Create a new article
Write your page title here:
We currently have 8 articles on Avengers Reserves. Type your article name above or click on one of the titles below and start writing!



    Avengers Reserves

    MediaWiki:Common.css

    Revision as of 02:47, 18 January 2015 by Admin (talk | contribs)

    Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
    @font-face {
    	font-family: "AmerType";
    	src: url('/fonts/AmerType-Md-BT.woff');
    	url('/fonts/AmerType-Md-BT.woff');
    }
    @font-face {
    	font-family: "Stencil";
    	src: url('/fonts/STENCIL.woff');
    	url('/fonts/STENCIL.woff');
    }
    @font-face {
    	font-family: "RubberStamp";
    	src: url('/fonts/rubber-stamp-let-plain.woff');
    	url('/fonts/rubber-stamp-let-plain.woff');
    }
    @font-face {
    	font-family: "Aller";
    	font-weight: normal;
    	font-style: normal;
    	src: url('/fonts/Aller_Rg.woff');
    	url('/fonts/Aller_Rg.woff');
    }
    @font-face {
    	font-family: "Aller";
    	font-weight: bold;
    	font-style: normal;
    	src: url('/fonts/Aller_Bd.woff');
    	url('/fonts/Aller_Bd.woff');
    }
    @font-face {
    	font-family: "Aller";
    	font-weight: normal;
    	font-style: italic;
    	src: url('/fonts/Aller_It.woff');
    	url('/fonts/Aller_It.woff');
    }
    @font-face {
    	font-family: "Aller";
    	font-weight: bold;
    	font-style: italic;
    	src: url('/fonts/Aller_BdIt.woff');
    	url('/fonts/Aller_BdIt.woff');
    }
    @font-face {
    	font-family: "EuroHeavy";
    	font-weight: normal;
    	font-style: normal;
    	src: url('/fonts/eurostile-becker-heavy.woff');
    	url('eurostile-becker-heavy.woff');
    }
    
    #hrp .default {
    	background:	#c7c8ca;
    }
    #hrp .villain{
    	background: #9C604F;
    }
    #hrp-name {
    	font-size: 30px;
    	width: 100%;
    	font-weight: normal;
    	padding-top: 10px;
    }
    #hrp-name .default {
    	background: #003968;
    	color: white;
    	font-family: "EuroHeavy";
    	text-align: left;
    	padding-left: 30px;
    }
    #hrp-name .villain {
    	background: #72000b;
    	color: white;
    	text-align: left;
    	font-family: "EuroHeavy";
    	padding-left: 30px;
    }
    #hrp-section {
    	margin-top: 5px;
    }
    #hrp-header {
       width: 100px;
       float: left;
    }
    
    #hrp-header-compact {
    	width: 20px;
    	float: left;
    }
    
    #hrp-header .default, #hrp-header-compact .default {
    	background: #00497a;
    	color: white;
    	font-family: "Aller";
    	padding-right: 5px;
    	text-align: right;
    }
    #hrp-header .villain, #hrp-header-compact .villain {
    	background: #440000;
    	color: #9C604F;
    	text-align: left;
    	padding-left: 5px;
    	font-family: "Aller";
    	font-weight: normal;
    }
    #hrp-innerheader {
    	width: 100%;
    }
    #hrp-innerheader .default {
    	border-left: 2px solid #466d95;
    	border-top: 2px solid #466d95;
    	border-bottom: 2px solid #000736;
    	border-right: 2px solid #000736;
    	background: #003968;
    	font-family: "EuroHeavy";
    	font-size: 20px;
    	color: white;
    	padding-left: 5px;
    }
    
    #hrp-innerheader .villain {
    	border-left: 1px solid #b4645a;
    	border-top: 1px solid #b4645a;
    	border-bottom: 1px solid #680002;
    	border-right: 1px solid #680002;
    	background: #5a0000;
    	font-family: "EuroHeavy";
    	font-size: 20px;
    	color: white;	
    }
    
    #hrp-specialty {
    	font-size: 12px;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: normal;
    	text-align: left;
    }
    #hrp-specialty .default {
    	font-family: "Aller";
    	font-variant: small-caps;
    	font-size: 16px;
    	position: relative;
    	top: 50%;
    	-webkit-transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	transform: translateY(-50%);
    }
    
    #hrp-specialty .villain {
    	font-family: "Aller";
    }
    #hrp-desc {
    	font-size: 9px;
    	color: #000000;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: normal;
    	text-align: justify;
    	margin-top: 0px;
    }
    #hrp-desc .default {
    	font-family: "Aller";
    	background: #466d95;
    	color: white;
    	padding-left: 5px;
    	padding-right: 5px;
    }
    #hrp-desc .villain {
    	background: #3A3C24;
    	font-family: "Aller";
    	color: white;
    	padding-left: 5px;
    	padding-right: 5px;
    }
    #hrp-block {
    	
    }
    #hrp-block .default {
    	background: #003968;
    	color: white;
    	font-family: "Aller";
    }
    #hrp-block .villain {
    	background: #5c0000;
    	color: white;
    	font-family: "Aller";
    }
    #hrp-container {
    	
    }
    #hrp-container .default {
    	background: #003968;
    	color: white;
    }
    #hrp-container .villain {
    		background: #5c0000;
    		color: white;
    }
    #hrp-text {
    	background: white;
    	font-size: 11px;
    	color: #000000;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: normal;
    	text-align: left;
     }
    #hrp-text .headline {
    	font-weight: bold;
    	font-size: 16px;
    	font-variant: small-caps;
    	vertical-align: bottom;
     }
    #hrp-text .checkbox {
    	width: 5%;
    	float: left;
    	font-size: 20px;
     }
    #hrp-text .trigger {
    	width: 95%;
    	float: left;
     }
    #hrp-text .default {
    	background: white;
    	font-family: "Aller";
    	letter-spacing: 0px;
    	line-height: 16px;
    	padding-left: 5px;
    }	 
    #hrp-text .villain {
    	background: white;
    	font-family: "AmerType";
    	letter-spacing: 0px;
    	line-height: 16px;
    	padding-left: 5px;
    }
    
    #ff .default {
    	background: #e2e9f5;
    }
    #ff .gijoe{
    	background:#6d8062;
    }
    #ff .cobra{
    	background: #212d75;
    }
    #ff-name {
    	font-size: 20px;
    	width: 100%;
    	font-weight: normal;
    }
    #ff-name .default {
    	background: white;
    	color: #5d7b9f;
    	font-family: "EuroHeavy";
    	text-align: left;
    }
    #ff-name .gijoe {
    	background: #3A3C24;
    	color: #E9D838;
    	text-align: center;
    	font-family: "Stencil";
    }
    #ff-name .cobra {
    	background: black;
    	color: #E9D838;
    	text-align: center;
    	font-family: "RubberStamp";
    }
    #ff-header {
       width: 100%;
    }
    #ff-header .default {
    	background: #a1a8c2;
    	color: white;
    	font-family: "EuroHeavy";
    	padding-left: 4px;
    	text-align: left;
    }
    #ff-header .gijoe {
    	background: #3A3C24;
    	color: #E9D838;
    	text-align: left;
    	padding-left: 14px;
    	margin-top: 5px;
    	font-family: "Stencil";
    	font-weight: normal;
    }
    #ff-header .cobra {
    	background: black;
    	color: #E9D838;
    	text-align: left;
    	padding-left: 14px;
    	margin-top: 5px;
    	font-family: "RubberStamp";
    	font-weight: normal;
    }
    #ff-skill {
    	font-size: 12px;
    	color: #000000;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: normal;
    	text-align: left;
    }
    #ff-skill .default {
    	font-family: "Aller";
    	border-bottom: 1px solid black;
    	background: white;
    	font-variant: small-caps;
    	font-size: 14px;
    	margin-top: auto;
    	margin-bottom: auto;
    }
    #ff-skill .container {
    	height: 28px; 
    	position: relative; 
    	float: left;
    }
    #ff-skill .content {
    	left: 3px; 
    	bottom: 0; 
    	right: 0; 
    	position: absolute; 
    	margin: auto;
    }
    #ff-skill .gijoe {
       background: white;
    	border-bottom: 1px solid black;
    	font-family: "AmerType";
    }
    #ff-skill .cobra {
       background: white;
    	border-bottom: 1px solid black;
    	font-family: "AmerType";
    }
    #ff-desc {
    	font-size: 10px;
    	color: #000000;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: normal;
    	text-align: justify;
    	margin-top: 0px;
    }
    #ff-desc .default {
    	font-family: "Aller";
    	background: white;
    	padding-left: 5px;
    	padding-right: 5px;
    }
    #ff-desc .gijoe {
    	background: #3A3C24;
    	font-family: "AmerType";
    	color: white;
    	padding-left: 5px;
    	padding-right: 5px;
    }
    #ff-desc .cobra {
    	background: black;
    	font-family: "AmerType";
    	color: white;
    	padding-left: 5px;
    	padding-right: 5px;
    }
    #ff-block {
    	
    }
    #ff-block .default {
    	background: white;
    }
    #ff-block .gijoe {
    	background: white;
    }
    #ff-block .cobra {
    	background: white;
    }
    #ff-text {
    	background: white;
    	font-size: 11px;
    	color: #000000;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: normal;
    	text-align: left;
     }
    #ff-text .headline {
    	font-weight: bold;
    	font-size: 16px;
    	font-variant: small-caps;
    	vertical-align: bottom;
     }
    #ff-text .checkbox {
    	width: 5%;
    	float: left;
    	font-size: 20px;
     }
    #ff-text .trigger {
    	width: 95%;
    	float: left;
     }
    #ff-text .default {
    	background: white;
    	font-family: "Aller";
    	letter-spacing: 0px;
    	line-height: 16px;
    	padding-left: 5px;
    }	 
    #ff-text .gijoe {
    	background: white;
    	font-family: "AmerType";
    	letter-spacing: 0px;
    	line-height: 16px;
    	padding-left: 5px;
    }
    #ff-text .cobra {
    	background: white;
    	font-family: "AmerType";
    	letter-spacing: 0px;
    	line-height: 16px;
    	padding-left: 5px;
    }
    
    #cortex-table table {
    	background: lightgrey;
    	border: 3px solid lightgrey;
    	border-radius: 10px;
    	padding: 3px;
    	text-align: right;
    	margin-bottom: 8px;
     }
    
    	#cortex-table table.Asset {
    		background: lightgrey;
    		border: 3px solid lightgrey;
    		border-radius: 10px;
    		padding: 3px;
    		text-align: right;
    		margin-bottom: 8px;
    	 }
    
    	#cortex-table table.Complication {
    		background: darkgrey;
    		border: 3px solid darkgrey;
    		color: white;
    		border-radius: 10px;
    		padding: 3px;
    		text-align: right;
    		margin-bottom: 8px;
    	 }
    
    #cortex-table th {
    	background-color: black;
    	color: white;
    	border: 3px solid lightgrey;
    	border-radius: 10px;
    	text-align: center;
     }
    
    #cortex-table td.value {
    	background-color: white;
    	color: black;
    	border: 3px solid lightgrey;
    	border-radius: 10px;
    	padding: 5px;
    	text-align: center;
     }
    
    body #db-name {
    	font-family: "palatino linotype", palatino, serif;
    	font-size: 40px;
    	color: #21C251;
    	font-style: normal;
    	font-weight: bold;
    	font-variant: small-caps;
    	text-align: center;
    	letter-spacing: 0px;
    	line-height: 20px;
     }
    
    body #db-header {
    	font-family: "palatino linotype", palatino, serif;
    	font-size: 20px;
    	color: #21C251;
    	font-style: normal;
    	font-weight: normal;
    	font-variant: small-caps;
    	text-align: left;
    	letter-spacing: 0px;
    	padding-top: 20px;
    	line-height: 20px;
     }
    
    .db-table {
    	background: #21C251;
    	font-family: "palatino linotype", palatino, serif;
    	font-size: 12px;
     }
    
    body #db-text {
    	background=#FFFFFF;
    	font-family: "palatino linotype", palatino, serif;
    	font-size: 14px;
     }
    
    .sm-header {
    	background-color: black;
    	color: white;
    	font-family: "lucida sans unicode", "lucida grande", sans-serif;
    	font-size: 22px;
    	font-style: normal;
    	font-weight: bold;
    	font-variant: small-caps;
    	text-align: right;
    	letter-spacing: 1.2px;
    	padding-right: 10px;
    	padding-bottom: 4px;
    	padding-top;
    	4px;
    	line-height: 25px;
     }
    
    .sm-table {
    	background-color: white;
    	color: black;
    	font-family: "palatino linotype", palatino, serif;
     }
    
     .verticaltext {
        transform: rotate(-90deg);
        transform-origin: left, bottom;
        -ms-transform: rotate(-90deg);
        -ms-transform-origin: left, bottom;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: left, bottom;
        position: relative;
    }
    

    Recent changes

  • Admin • 2 months ago
  • Admin • 2 months ago
  • Admin • 2 months ago
  • Admin • 2 months ago