MediaWiki:Common.css: Difference between revisions

From Protoball
Jump to navigation Jump to search
(widen subnav)
No edit summary
Line 6: Line 6:
@media screen { body { font-size: 120%; } .printonly { display: none; } }
@media screen { body { font-size: 120%; } .printonly { display: none; } }
@media print { .noprint { display: none; } .infobox { display: none; } }
@media print { .noprint { display: none; } .infobox { display: none; } }
/* widen sub-nav */
div#content, #mw-head-base { margin-left: 12em; }
#left-navigation { left: 12em; }


body { font-family: "IM Fell English";  }
body { font-family: "IM Fell English";  }
Line 15: Line 11:
.subtitle { font-weight: normal; font-size: 1.4em; letter-spacing: 1px; 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) {  
@media screen and (min-width: 1000px) {  
div#content, #mw-head-base { margin-left: 12em; }
#left-navigation { left: 12em; }
  .panel { float:left; width: 300px; border: 1px solid #ccc; padding: .5em 1em; margin: 1em 1em 1em 0; }
  .panel { float:left; width: 300px; border: 1px solid #ccc; padding: .5em 1em; margin: 1em 1em 1em 0; }
  .primary_panel { width: 40%; min-width: 300px; }
  .primary_panel { width: 40%; min-width: 300px; }

Revision as of 15:27, 24 November 2013

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

@import url(http://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; } }

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 { margin-left: 12em; }
 #left-navigation { left: 12em; }
 .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; }
.tocnumber { display:none; }
h2 .chron_id { display: none; }
.admin, .editsection, .gloss_admin, .prepro_admin { display: none; }
.c-order { float: right; }
#mw-wikiforum-searchbox { position: absolute; right: 10px; top: -40px; }

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

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

.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; } }

.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; }

#searchGoButton { display: none; }

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: 12px; color: #222; padding: 2px 10px 2px 2px; }
.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; }
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; }
table.stats td { background-color: #eee; }

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

.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;
}

.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; }