# வார்ப்புரு:Routemap/styles.css

/* */
/* container */
.RMbox {
box-shadow: 0 0 rgba(0,0,0,.14), 0 0 rgba(0,0,0,.12), 0 - rgba(0,0,0,.2);
}  
.RMinline {
float: ;
width: 100%;
margin: 0;
: ;
}  
/* diagram table */
table.routemap {
padding: 0;
: 0;
-collapse: collapse;
background: transparent;
white-space: nowrap;
line-height: 1.2;
margin: auto;
}  
/* collapsible section tables */
table.routemap .RMcollapse {
margin: 0;
-collapse: collapse;
vertical-align: middle;
}  
/* collapsible section row replacement tables */
table.routemap .RMreplace {
margin: 0;
-collapse: collapse;
vertical-align: middle;
position: absolute;
bottom: 0;
}  
/* small text in side cells */
table.routemap .RMsi {
display: inline; /* HTML Tidy forced the use of div instead of span */
font-size: 90%;
}  
/* icon row container */
table.routemap .RMir {
padding: 0 !important;
}  
/* first cell */
table.routemap .RMl1 {
padding: 0 !important;
text-align: ;
}  
/* first cell */
table.routemap .RMr1 {
padding: 0 !important;
text-align: ;
}  
/* main cell */
table.routemap .RMl {
padding: 0 !important;
text-align: ;
}  
/* main cell */
table.routemap .RMr {
padding: 0 !important;
text-align: ;
}  
/* leftmost cell */
table.routemap .RMl4 {
padding: 0 0 0 !important;
text-align: ;
}  
/* rightmost cell */
table.routemap .RMr4 {
padding: 0 0 0 !important;
text-align: ;
}  
/* table rows */
table.routemap > tbody > tr {
line-height: 1;
}  
/* all table cells */
table.routemap > tbody > tr > td,
table.RMcollapse > tbody > tr > td,
table.RMreplace > tbody > tr > td{
padding: 0;
width: auto;
vertical-align: middle;
text-align: ;
}  
/* icon row inline divs */
.RMir > div {
display: inline-block;
vertical-align: middle;
padding: 0;
height: ;
min-height: ;
}  
/* icons */
.RMir img {
height: initial !important; /* Monobook uses !important */
max-width: initial !important; /* Monobook uses !important */
}  
/* overlap containers */
.RMir .RMov {
position: relative;
}  
/* overlap icons and text cells */
.RMir .RMov .RMic,
.RMir .RMov .RMtx {
position: absolute;
: 0;
top: 0;
padding: 0;
}  
/* text cells */
.RMir .RMtx {
line-height: ;
height: ;
min-height: ;
vertical-align: middle;
text-align: ;
}  
/* empty cells */
.RMir .RMsp {
height: ;
min-height: ;
}  
/* text in text cells */
.RMir .RMtx > abbr,
.RMir .RMtx > div {
line-height: .975;
display: inline-block;
vertical-align: middle;
}  
/* small text */
.RMir .RMts {
font-size: 90%;
transform: scaleX(.89);
}  
/* filler cells */
.RMir .RMf_ {
height: ;
min-height: ;
width: ;
min-width: ;
}  
/* "line" in filler cells */
.RMir .RMfm {
height: 100%;
min-height: 100%;
width: ;
min-width: ;
margin: 0 auto;
}  
/* widths */
.RMir .RMo{width:2.;min-width:2.}
.RMir .RMc{width:;min-width:}
.RMir .RMoc{width:7.;min-width:7.}
.RMir .RMd{width:;min-width:}
.RMir .RMod{width:12.;min-width:12.}
.RMir .RMcd{width:;min-width:}
.RMir .RMocd{width:17.;min-width:17.}
.RMir .RM_{width:;min-width:}
.RMir .RM_o{width:22.;min-width:22.}
.RMir .RM_c{width:;min-width:}
.RMir .RM_oc{width:27.;min-width:27.}
.RMir .RM_d{width:;min-width:}
.RMir .RM_od{width:32.;min-width:32.}
.RMir .RM_cd{width:;min-width:}
.RMir .RM_ocd{width:37.;min-width:37.}
.RMir .RMb{width:;min-width:}
.RMir .RMcb{width:;min-width:}
.RMir .RMdb{width:;min-width:}
.RMir .RMcdb{width:;min-width:}
.RMir .RM_b{width:;min-width:}
.RMir .RM_cb{width:;min-width:}
.RMir .RM_db{width:;min-width:}
.RMir .RM_cdb{width:;min-width:}
.RMir .RMs{width:;min-width:}
.RMir .RMds{width:;min-width:}
.RMir .RM_s{width:;min-width:}
.RMir .RM_ds{width:;min-width:}
.RMir .RMbs{width:;min-width:}
.RMir .RMdbs{width:;min-width:}
.RMir .RM_bs{width:;min-width:}
.RMir .RM_dbs{width:;min-width:}
.RMir .RMw{width:;min-width:}
.RMir .RM_w{width:;min-width:}
.RMir .RMbw{width:;min-width:}
.RMir .RM_bw{width:;min-width:}
.RMir .RMsw{width:;min-width:}
.RMir .RM_sw{width:;min-width:}
.RMir .RMbsw{width:;min-width:}
.RMir .RM_bsw{width:;min-width:}  
/* BSsplit, BSto, BScvt, BSsrws */
.RMsplit {
font-weight: inherit;
color: inherit;
background: transparent;
margin-top: -;
margin-bottom: -;
width: initial !important;
box-sizing: initial;
display: inline-table;
vertical-align: middle;
}  
/* BSsplit, etc., when used in main cell or main cell */
table.routemap .RMl > .RMsplit,
table.routemap .RMr > .RMsplit {
font-size: 90%;
}  
@media screen {
html.skin-theme-clientpref-night .RMbox {
background: inherit !important;
color: white;
}  
html.skin-theme-clientpref-night .RMbox img {
filter: contrast(0.4);
}  
html.skin-theme-clientpref-night .navbar-brackets a abbr {
color: white !important;
}  
html.skin-theme-clientpref-night .RMbox th {
background: inherit !important;
color: inherit !important;
-bottom: solid #be2d2c;
}  
html.skin-theme-clientpref-night .RMbox small {
color: white;
}
}  
@media screen and ( prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .RMbox img {
filter: contrast(0.4);
}
html.skin-theme-clientpref-os .navbar-brackets a abbr {
color: white !important;
}
html.skin-theme-clientpref-os .RMbox {
background: inherit !important;
color: white;
}  
html.skin-theme-clientpref-os .RMbox th {
background: inherit !important;
color: inherit !important;
-bottom: solid #be2d2c;
}  
html.skin-theme-clientpref-os .RMbox small {
color: white;
}
}