MediaWiki:Common.css: Difference between revisions

Latest revision as of 04:43, 16 September 2022

/* CSS placed here will be applied to all skins */

@import url(https://fonts.googleapis.com/css?family=IM+Fell+English); /* Esteban| */
@import url(/fonts/Font-Awesome/css/font-awesome.css);
@import url(/jquery-ui/css/smoothness/jquery-ui-1.8.23.custom.css);
@media screen { body { font-size: 120%; } .printonly { display: none; } }
@media print { .noprint { display: none; } .infobox { display: none; } }

.styled-links a {
font-weight: bold;
}

body { font-family: "IM Fell English";  }
h1, h2, h3, h4, h5, h6, caption, th { letter-spacing: 1px; border-bottom: none; font-weight: normal; font-family: "IM Fell English"; }
.subtitle { font-weight: normal; font-size: 1.4em; letter-spacing: 1px; font-family: "IM Fell English"; }
@media screen and (min-width: 1000px) { 
 div#content, #mw-head-base, div#footer { margin-left: 11em; }
 #left-navigation { left: 11em; }
 div#mw-panel { width: 11em; }
 .panel { float:left; width: 300px; border: 1px solid #ccc; padding: .5em 1em; margin: 1em 1em 1em 0; }
 .primary_panel { width: 40%; min-width: 300px; }
}
.glossary_split { text-align: center; }
.glossary_split .panel { float: none; display: inline-block; width: 30%; }
.glossary_split ul { list-style-position: inside; margin-left: 0; }
.numero { font-family: 'Times New Roman',Times,Georgia,'Liberation Serif',serif,sans-serif,'Lucida Sans Unicode'; }
.firstHeading, #firstHeading { line-height: 1.5em; }
.note { font-style:italic; color: #666; }
.counts { position: absolute; top: -30px; font-size: larger; right: 230px; }
.tocnumber { display:none; }
h2 .chron_id { display: none; }
.admin, .editsection, .gloss_admin, .prepro_admin, .block_admin { display: none; }
.c-order { float: right; }
.smaller { font-size: smaller; }
#mw-wikiforum-searchbox { position: absolute; right: 10px; top: -40px; }

.line_numbers p {
    counter-increment: line;
}

.line_numbers p:before{
    content: '¶ ' counter(line);
     -webkit-user-select: none;
    position: absolute;
    left: -15px;
    color: rgba(0, 0, 0, 0.25);
}
.ballgame-table-stats {
    border: 3px double #ddd;
    font-size: smaller;
    padding: 0 5px;
}

.tip_link { font-size: smaller; position: relative; top: 9px; }

.unreviewed { color: #666; }
table.record th { vertical-align: top; }

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert h2 + h3 {
  padding-top: 0;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-info h2, .alert-info h3 {
    color: #31708f;
}

.indented_dictionary ul { padding-top: 2em; }
.indented_dictionary dl { padding-left: 5em;  }

#sf_free_text_path_row { display: none; } /* turn off path at bottom of tinymce editor */

.subnav { border: 1px solid #a7d7f9; height: 30px; padding: 2px; background-color: #f6f6f6; margin-bottom: .5em; clear:both; }
.subnav_marker_box, .subnav_add_box, .subnav_list_box { text-align: center; height: 30px; width: 30px; background-color: #a7d7f9; position: relative; color: white; }
.subnav_marker_box { float: left; margin-right: .5em; }
.subnav_add_box, .subnav_list_box { float: right; margin-left: 2px; }
.subnav_add_box a, .subnav_list_box a { display: block; } .subnav_add_box a:hover, .subnav_list_box a { text-decoration: none; }
.subnav_marker_box i, .subnav_add_box i, .subnav_list_box i { color: white; font-size: 25px; position: relative; top: 3px; }
.subnav_add_items, .subnav_list_items { display: none; position: absolute; right: 0; }
@media print { .subnav, .subnav_list_items, .subnav_add_items { display: none; } }

nav + div.portal { display: none; }

.review_box { position: absolute; top: -25px; right: 0; border: 1px dotted #999; border-radius: 10px; padding: 0 10px; }
.review .autoedit { display: inline; } 
.number, .dayInput, .right { text-align: right; }
.numbers td { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.a_bit_right { padding-left: 5em; }
.float_right { float: right; }
.float_left { float: left; }
/* a.popupformlink { color: green !important; } */
.popupformlink .entypo { position: relative; top: 3px; text-decoration: none; line-height: 1px;}
.possibilities { width: 600px; padding: 1em; margin: 3em auto 0; border: 1px dotted #ccc; color: #333; }
.db_list { Font-size: 12px; letter-spacing: 1px; }
.db_list label input { margin-left: 4px; }
.collapse_p p { margin: 0; display: inline; }
.no_underline, .no_underline:hover { text-decoration: none; }
.pull_list { display: none; }
#pull_entry { z-index: 1; }

.pull_list_container { margin: 0 2em 5px 0; border: 1px solid #AAA; padding: .5em; background-color: #F9F9F9; }
.not_reviewed_warning { margin-bottom: 5px; padding: 5px 10px 5px 20px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; }
.not_reviewed_warning .icon-warning-sign { float: left; position: relative; top: 5px; left: -10px; font-size: 200%; }
.approve_mini_box { background-color: white; padding: 1px 3px; text-align: right; }
.approve_mini_box .autoedit-trigger { color: green; }

#simpleSearch {
	display: inline-block;
}

#enhancedSearchButton {
	height: 32px;
	color: #a55858;
        font-weight: bold;
}

div.cell { padding: 2px; }
.add_to_the_discussion { clear: both; }

#mw-content-text table td { vertical-align: top;}

.sought_text { background-color: #ff9;}
.show_predecessor_games { float: right; }
.google_map_inlay {
background-color: rgba(256,256,256,0.50);
font-size: 10px;
color: #444;
padding: 0 5px;
right: 0 !important;
bottom: 25px !important; }
.google_map_inlay.overlay2 { bottom: 50px !important;  }
.google_map_inlay.overlay3 { bottom: 75px !important;  }
.google_map_inlay.overlay4 { bottom: 100px !important;  }
.move_map_year { font-size: 10px; }
.slider_opts { float: right; font-size: smaller; }
.map_wrapper { overflow:hidden; padding-bottom: 5px; }
.slider { width: 95%; margin: 0 auto;  }
.tabs .scrollable { border: 1px solid #CCC; border-width: 0 0 1px 1px; padding-left: 1em; overflow: auto; }
.scrollable th { text-align: left; }
.scrollable th, .scrollable td { vertical-align: top; }
.scrollable td p { margin-top: 0; }
@media print { .tabs .scrollable { border-width: 0; padding: 0; overflow:visible; display: block !important; height: auto !important; } } 

.sub_nav_shrink { width: 70%; }
.infobox_toggle { display: none; }
.infobox, .addbox {
	border: 1px solid #a7d7f9;
	background-color: #f6f6f6;
	color: black;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em; 
	text-align: left;
	font-size: 88%;
	line-height: 1.5em;
}
@media screen and (max-width: 1000px) {
	.sub_nav_shrink { width: auto; }
	.infobox { display: none; }
	.infobox_toggle { display: block; position: absolute; top: -50px; right: 0; font-size: smaller; }
	#slider-move-note { display: none; }
}

.infobox { float: right; clear: right;}

.infobox caption{font-size:125%;font-weight:bold}
.infobox th, addbox th{ text-decoration:underline; }
.infobox td,.infobox th,.addbox td,.addbox th{vertical-align:top; text-align: center;}
.infobox.bordered{border-collapse:collapse}
.infobox.bordered td,.infobox.bordered th{border:1px solid #aaa}
.infobox.bordered .borderless td,.infobox.bordered .borderless th{border:0}
.infobox hr,.addbox hr {width:100px; text-align:center;}

.acronyms dd {float: left;}
.acronyms dt {float: left; clear: left; width: 40px;}

table.nice th, table.nice td { margin: 1px; padding: 2px 4px; }
table.nice th { background-color: #ddd; vertical-align: top; }
table.nice td { background-color: #eee; }
table.nice p { margin: 0 }

table.stats th, table.stats td { margin: 1px; padding: 2px 4px; }
table.stats th { background-color: #ddd; vertical-align: top; }
table.stats td { background-color: #eee; }

table.sortable {
  counter-reset: row;
}

table.sortable tr td:first-child {
  position: relative;
  counter-increment: row;
}

table.sortable tr td:first-child::before {
  content: counter(row);
  -webkit-user-select: none;
  position: absolute;
  left: -15px;
  color: rgba(0, 0, 0, 0.25);
}

.table_turner_container { position: relative; }
.table_turner { position: absolute; -webkit-transform: rotate(180deg); transform: rotate(180deg); bottom: -.5em; right: 5px; }

.chron_entry_wrapper_outer {
	border: 1px dotted #999;
	border-radius: 10px;
	background-color: #FED;
	position: relative;
	margin: 1em 0;
	clear: both;
}

.chron_entry_wrapper_inner {
	background-color: white;
	padding: 10px 15px;
	border-radius: 10px 0 0 10px;
	margin-right: 100px;
	min-height: 200px;
}

.chron_entry_body {
    padding-left: 20px;
}

.chron_section {
    position: relative;
}

.out_left { position: absolute; left: -27px; top: 1px; font-size: 1.33333em; }
@-moz-document url-prefix() { .out_left { top: 3px;} }

.chron_comment_label {
	float: left;
	padding-right: .5em;
	position: relative;
	top: 1px;
	font-weight: bold;
}

.chron_entry_salience {
	position: absolute;
	top: 20px;
	left: -46px;
	font-size: 30px;
}

.chron_entry_year_tab {
	position: absolute;
	border: 1px dotted #999;
	left: -65px;
	width: 60px;
	top: 60px;
	text-align: center;
	background-color: white;
	z-index: 2;
	border-right: none;
	border-radius: 10px 0 0 10px;
	padding-left: 2px;
}

.chron_entry_year_label {
	font-weight: bold;
}


.chron_entry_side {
	position: absolute;
	top: 10px;
	right: 13px;
	width: 75px;
	text-align: center;
}

.chron_entry_side_label {
	font-size: smaller;
}
.chron_entry_side_text {
	margin-bottom: 1em;
}
.chron_entry_side_text i {
	font-size: 30px;
}

.waff_note { border: 1px solid rgb(255, 229, 185); padding: 1em; background-color: rgb(255, 251, 251); overflow: hidden; }
.hide_unless_span_content { display: none; }

.game { margin-bottom: 1em; }
.game h2 { border-bottom: none; }
.game .sources { padding-left: 5em; position: relative; }
.game .sources .sources_label { position: absolute; left: 0; font-weight: bold; }
.game .kind_of_game {float: right; position:relative; top:10px; margin-right: 2em;}

.source {margin-top: .75em;}
.source {padding-left: 1em; text-indent:-1em;}
.source .source_note { margin-left: 2em; }

.digger .activity {  position: relative; padding-left: 9em; padding-top: 3px; }
.digger .activity_label { position: absolute; left: 0; font-style: italic; }
.digger_activity_header {  }
.digger_activity_text { padding-left: 1em; padding-bottom: 1em; }

.hide_first .radioButtonSpan span:first-child { display: none; }
.reveal { display: none; border: 1px dotted #666; padding: 1em; font-family: monospace; }

.pick_random { display: none; }

.sortable_table_marquee { 
position: relative;
 }

.sortable_table_marquee > div { 
position: absolute;
top: 25px;
font-size: 12px;
padding: 0 2px;
background: #ddd;
    -webkit-transform: rotate(-90deg);
    -moz-transform:    rotate(-90deg);
    -ms-transform:     rotate(-90deg);
    -o-transform:      rotate(-90deg);
    transform:         rotate(-90deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin:    bottom left;
    -ms-transform-origin:     bottom left;
    -o-transform-origin:      bottom left;
    transform-origin:         bottom left;
}

#pdf { width: 70%; height: 80vh; }
/* hide upload button that doesn't work */
#fancybox-title-float-main { display: none }