Difference between revisions of "MediaWiki:Common.css"

From SacredWiki
Jump to navigation Jump to search
Line 65: Line 65:
 
     font-family: ZabriskieScript-Bold;
 
     font-family: ZabriskieScript-Bold;
 
     font-size:1.2em;
 
     font-size:1.2em;
    font-weight:bold;
 
 
     line-height: 15px;
 
     line-height: 15px;
 
     color:white;
 
     color:white;

Revision as of 22:55, 22 October 2013

/* CSS placed here will be applied to all skins */
.wrapper {display:table;margin:6px 6px 0;}
.frame {background:url(images/thumbframe/item_tbar0.gif) repeat-x top left;}
.corner {width:35px;height:15px;margin:-4px;position:absolute;
    background:url("images/thumbframe/item_brc.gif") no-repeat scroll 0 0 transparent;}
.ctl {top:0;left:0;-webkit-transform:scaleX(-1) scaleY(-1);-moz-transform:scaleX(-1) scaleY(-1);
    -o-transform:scaleX(-1) scaleY(-1);transform:scaleX(-1) scaleY(-1);filter:fliph flipv;}
.ctr {top:0;right:0;-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1);
    -o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv;}
.cbl {bottom:0;left:0;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);
    -o-transform:scaleX(-1);transform:scaleX(-1);filter:fliph;}
.cbr {bottom:0;right:0;}
.frame_right {padding:6px;position:relative;}
.frame_bot {background:url(images/thumbframe/item_bbar0.gif) repeat-x bottom left;}
.frame_left {background:url(images/thumbframe/item_lbar.gif) repeat-y top left;}
.frame_right {background:url(images/thumbframe/item_rbar.gif) repeat-y top right;}
#ca-talk {
    display: none;
}



#dialogue {
    position:relative;
    font-family: AntqSSK;
    font-size: 1em;
    width:430px;
    min-height:85px;
    padding: 12px 0 5px 5px;
    background:#25333A;
    color:white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
box-shadow:
  0 0 0 1px #000,
  0 0 0 3px #A3A6A6,
  0 0 0 4px #000;
-moz-box-shadow:
  0 0 0 1px #CCC,
  0 0 0 2px #A3A6A6,
  0 0 0 4px #000;
-webkit-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 4px #000;
}

#dialogue a, dialogue a:visited {
    color: #FFA500;
    text-shadow: 0 0 0.5em red;
}
#dialogue a:hover {
    text-decoration: none;
    color: #FFCB2F;
}

.name-tag {
    position:absolute;
    top:-10px;
    left:15px;
    width:auto;
    height:16px;
    background:#000000;
    font-family: ZabriskieScript-Bold;
    font-size:1.2em;
    line-height: 15px;
    color:white;
    text-align:center;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float:left;
    box-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 3px #000;
-moz-box-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 3px #000;
-webkit-shadow:
  0 0 0 1px #000,
  0 0 0 2px #A3A6A6,
  0 0 0 3px #000;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E), color-stop(1, #030303));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #5E5E5E 0%, #030303 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #5E5E5E 0%, #030303 100%);
}

.portrait {
    float:left;
    padding-right:10px;
}

table.sacred {
	margin: auto;
	background-color: none;
	border: 2px #CDB581 solid;
	border-collapse: collapse;
	color: black;
}
table.sacred > tr > th,
table.sacred > tr > td,
table.sacred > * > tr > th,
table.sacred > * > tr > td {
	border: none;
	height: 26px;
	padding-right: 10px;
}
table.sacred tr:nth-child(even) {
    background-color: #FFEECA;
}
table.sacred > tr > th,
table.sacred > * > tr > th {
	background-color: #CDB581;
	text-align: left;
}
table.sacred > caption {
	font-weight: bold;
}