MediaWiki:MobileKey.css: Unterschied zwischen den Versionen

Aus Offene Naturführer BiolFlor
Wechseln zu: Navigation, Suche
Zeile 89: Zeile 89:
 
td.mobile-result-back{
 
td.mobile-result-back{
 
     text-align:center; padding:10px 5px;
 
     text-align:center; padding:10px 5px;
}
 
td.mobile-linkbtn-back{
 
    text-align:right;
 
 
}
 
}
 
a.linkbtn {
 
a.linkbtn {
 
   background-color:#EEF0F0;
 
   background-color:#EEF0F0;
 +
  color:#6B90DA;
 
   border:1px solid #444444;  
 
   border:1px solid #444444;  
 
   font-weight:bold;  
 
   font-weight:bold;  
 
   padding:1.5px 6px;  
 
   padding:1.5px 6px;  
 
   text-align:center;
 
   text-align:center;
vertical-align:middle;
+
  vertical-align:middle;
 
   white-space:nowrap;
 
   white-space:nowrap;
 
}
 
}
Zeile 109: Zeile 107:
 
/* == Key Start == */
 
/* == Key Start == */
 
div.mobile-keystart {
 
div.mobile-keystart {
padding:0.3em 0.3em;  border:1px solid #6B90DA;
+
padding:0.3em 0.3em;  border:1px solid #6B90DA; width:100%;
 +
}
 +
table.mobile-keystart{
 +
  width:100%; padding=0px;
 
}
 
}
 
tr.mobile-keystart-startlink{
 
tr.mobile-keystart-startlink{
Zeile 140: Zeile 141:
  
 
table.mobile-header-lead, table.mobile-footer-lead {
 
table.mobile-header-lead, table.mobile-footer-lead {
background-color:#6B90DA;  
+
    background-color:#6B90DA;  
color:#CCCCCC;  
+
    color:#CCCCCC;  
font-size:85%;
+
    font-size:85%;
 +
    width :100%;
 +
    padding:0px;
 
}
 
}
 
td.mobile-header-left, td.mobile-footer-left {
 
td.mobile-header-left, td.mobile-footer-left {

Version vom 6. Oktober 2010, 14:36 Uhr

/* <source lang="css"> */
/* MobileKey.css: */

/* == START Decisiontree and Lead templates (Single-Access-Key, v. 3.5) == */
table.dt-caption {width:100%} 
table.dt-caption tr {vertical-align: top;}
table.dt-caption th {font-size:115%; text-align:left; font-weight:bold;}
table.dt-caption td {padding:0}
table.dt-caption span.collapseButton {font-size:87%}

div.dt-box    {padding:0.4em 0.6em; background-color: #FDFFEF; border:1px solid #ffc51a;}
div.dt-header {margin:0 0 0 0}
span.dt-creators {font-weight:normal;}
 
table.dt-body, table.nested {border-style:none; padding:0; background:white; empty-cells:show; border-collapse:collapse;}
 /* background:transparent not possible for many styles; leader-dot graphic requires text background part to be nontransparent white OVER the dotted background. */
table.dt-body {margin:0 0 2em 0;}
table.dt-body tr.dt-hspacer {height:18px}
/* 
table.dt-body tr.dt-subheading - currently semantic class only 
*/
table.dt-body tr.dt-row {vertical-align:top;}
table.dt-body td.dt-nodeid {vertical-align:top; padding:0 0.2em 0.2em 0; font-weight:bold; text-align:right;}
table.dt-body td.leadalt {padding:0 0.5em 0.2em 0; text-align:left; width:0.3em;} /* width=min if no alt or backlinks */
span.leadspan, span.commonnames, span.leadon, span.leadout, span.leadresults {background-color:#FFFFFF;}
span.leadontext {font-weight:bold;} /* used in Decision S2, Lead Link */
span.leadspan a img {vertical-align:top} /* for inline-images inside lead text */
span.commonnames {font-weight:bold;color:#333333;} /* lists of common names can be long, no nowrap! */
span.leadout {font-weight:bold;} /* result as link to other page */
span.nowrap {white-space:nowrap;}
span.leadon a:visited, 
span.leadontext a:visited {color:#002BB8} /* internal links should not change their color */
table.dt-body td.leadextras {padding:0 0 1em 0;}
table.dt-body div.leadextras {border-left:2px solid #AAAAAA;border-bottom:1px solid #AAAAAA; vertical-align:top; padding:0 0 0 0.5em; font-size:0.9em;}
table.dt-body th.leaderror {color:#9B0000;font-weight:bold; text-align:left;}
div.overlaylabel {position:absolute; bottom:0px; right:0px; font-size:0.85em;line-height:0.85em; padding:3px 5px 3px 5px; background-color:#BBBBBB; opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);}
/* Special collapse button (CollapsibleTables javascript-created) inside key: */
table.dt-body span.collapseButton {float:none; font-weight:normal; text-align:right; background-color:#FFFFFF;}
 
/* === Special styles for default row-based: === */
table.dt-body td.lead-row1 {padding:0;margin:0} /* this embeds table with statement and result */ 
table.dt-body td.lead-row1 th.leadtxt,
table.dt-body td.lead-row1 td.leadresult 
  {background:url(http://160.45.63.55/metawiki/media/logo/horizontal_dots08r.png) repeat-x 20px bottom;}
table.dt-body td.lead-row1 th.leadtxt    {vertical-align:top; text-align:left; font-weight:normal; padding-right:0;}
table.dt-body td.lead-row1 td.leadresult {vertical-align:bottom; text-align:right; padding:0 0 0.2em 21px;} /* pad-left/right: 21 px/0 for min lead dots left, no right */

/* === Styles used in lead link (cross refs) and Decision S2 (simple button-statements) === */
div.leadontext {text-align:center; padding:2px 6px 4px;}
div.leadontext span.leadspan a {border:1px solid #444444; background-color:#ECEEEE; padding:2px 4px; font-weight:bold;}
div.leadontext span.leadout  a {border:1px solid #444444; background-color:#ECEEEE; padding:2px 4px; font-weight:bold;}
 
/* === Special styles for horizontal decision couplet (V 0.5): === */
table.dt-body tr.dt-row-hor1 td.dt-nodeid {padding:2em 0.2em 0.2em 0.4em;}
table.dt-body tr.dt-row-hor1 td.leads-hor1 {padding:2em 0 2em 0; width:0.2em;} /* container for inner table */
table.dt-body tr.dt-row-hor1 td.leadimgs-hor1, 
table.dt-body tr.dt-row-hor1 td.leadtxt,
table.dt-body tr.dt-row-hor1 td.dt-arrdown {text-align:center; border-left:1px solid #444444;border-right:1px solid #444444;}
table.dt-body tr.dt-row-hor1 td.leadimgs-hor1 {vertical-align:bottom; padding:0.4em 1em 0 1em;}
table.dt-body tr.dt-row-hor1 td.leadtxt   {vertical-align:top; padding:0em 0.8em 0.2em 0.8em;}
table.dt-body tr.dt-row-hor1 td.dt-arrdown {vertical-align:middle; padding:0}
table.dt-body tr.dt-row-hor1 td.leadresult-hor1 {vertical-align:top; text-align:center; padding:0 0.8em 0.4em 0.8em;} /* special styling of leadresult */
table.dt-body td.leadtxt span.leadalt   {font-weight:bold;} /* alternative, if directly before lead text in lead text container */
/* 
table.dt-body td.leadimgs  - currently semantic class only 
*/
 
/* END (decisiontree/Single-Access-Key templates). */

/* notes slightly with emphasis, just for short phrases */
 span.emphasis-light { color:#CD853F; }

/* for hover in span tags  */
 span.hover:hover { color: blue; background-color:#DEEEFF;}

/* Simple, low padding, invisible layout table, e.g. for side-by-side images, or text */
table.layout {margin:0; background:transparent; border:none; border-collapse:collapse;}
table.layout th, table.layout td {border:none; padding:0.1em 0.2em; background:transparent; vertical-align:top;}
table.layout th {text-align:left; vertical-align:bottom;}
table.layout caption {font-weight: bold;}


/* Mobile Keys ======================================== */
/* =================================================== */

body.mobile {
    font-size:0.9em; line-height:1em;
}
td.mobile-result-back{
    text-align:center; padding:10px 5px;
}
a.linkbtn {
  background-color:#EEF0F0;
  color:#6B90DA;
  border:1px solid #444444; 
  font-weight:bold; 
  padding:1.5px 6px; 
  text-align:center;
  vertical-align:middle;		
  white-space:nowrap;
}
/* Only display buttons with history.back() function if javascript is enabled */
#backlinkbutton1, #backlinkbutton2 {
  display:none;
}

/* == Key Start == */
div.mobile-keystart {
	padding:0.3em 0.3em;  border:1px solid #6B90DA; width:100%;
}
table.mobile-keystart{
   width:100%; padding=0px;
}
tr.mobile-keystart-startlink{
	padding:1px 6px 2px 2px; text-align:right;
}
tr.mobile-keystart-description, tr.mobile-keystart-text{
	padding:2px 2px; font-size:80%; text-align:left;
}
tr.mobile-keystart-title{
	padding:2px 2px; font-size:95%; font-weight:bold; text-align:left;
}

/* == Couplet == */
tr.mobile-title{
	padding:2px 2px; 
	font-weight:bold; 
	background-color:#6B90DA; 
	color:#FFFFFF;
	text-align:left;
}
td.mobile-title-text {
	text-align:left; 
}
div.mobile-title-ellipsis {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.mobile-header-lead, table.mobile-footer-lead {
    background-color:#6B90DA; 
    color:#CCCCCC; 
    font-size:85%;
    width :100%;
    padding:0px;
}
td.mobile-header-left, td.mobile-footer-left {
	text-align:left; 
	padding:1px 2px 2px 5px;
}
td.mobile-header-left a , td.mobile-footer-left a , td.mobile-header-right a, td.mobile-footer-right a  {
	color:#FFFFFF;
}
td.mobile-header-center, td.mobile-footer-center {
	text-align:left;
	padding:2px;
}
td.mobile-header-right, td.mobile-footer-right {
	text-align:right;
	padding:1px 10px 2px 2px;
}
tr.mobile-lead-separator td{
	font-size:1px; height:1px; 
	border-bottom:6px solid #6B90DA;
}
tr.mobile-copyright {
	padding:1px 5px 2px 2px; font-size:85%; text-align:right;
}

/* == Lead == */
table.mobile-lead-image {
	border-collapse:collapse; float:left; margin:0px; width:104px;
}
td.mobile-lead-image{
	padding: 2px 3px;
}
td.mobile-lead-caption div{
	padding: 2px 5px 1px; text-align: center; font-size: 80%;
}
tr.mobile-lead-text td {
    padding:10px 4px; line-height: 0.8em;
}
tr.mobile-lead-result td {
	padding:6px 3px 3px;
	text-align:center; 
}

/* == More (extra information and images)== */
div.mobile-moreinfo {
	width='100%';
}
table.mobile-header-moreinfo, table.mobile-footer-moreinfo{
	background-color:#6BDA90;  width :100%;
}
table.mobile-moreinfo-previous {
        background-color:#6BDA90;  width :100%;
	font-size: 80%;
}
td.mobile-moreinfo-back {
	text-align:center; vertical-align:middle;
}

table.mobile-moreinfo-content{
	width:100%; padding:0px;
}
table.mobile-moreinfo-content td {
	padding: 4px 4px;
}
td.mobile-lead-caption div{
	padding: 2px 5px 1px; text-align: center; font-size: 80%;
}
/* == Glossary == */
table.mobile-glossary {
	border-collapse:collapse; padding:0px; width:100%;
}
table.mobile-header-glossary, table.mobile-footer-glossary {
	background-color:#EEDA90; padding:0px; width:100%;
}
table.mobile-copyright-content {
    width:100%; padding:0px;
}
table.mobile-glossary-content td{
	padding: 4px 4px; 
}
/* == Copyright== */
table.mobile-header-copyright, table.mobile-footer-copyright {
    background-color:#999999; padding:0px; width:100%;
}
table.mobile-copyright-content {
    width:100%; padding:0px;
}
table.mobile-copyright-content td{
    padding: 4px 4px; 
}

/* == Image page (html page with image in original size)== */
div.mobile-imagepage, table.mobile-imagepage-content{
	width:100%; padding:0px;
}
table.mobile-header-imagepage, table.mobile-footer-imagepage{
	background-color:#EE90DA; padding:0px; width:100%;
}
td.mobile-imagepage-image {
	align:center;
}
td.mobile-imagepage-license {
	padding:0px 5px; text-align:left;
}
td.mobile-imagepage-back{
	text-align:right;
}
/* </source> */