User:Torty3/common.css

div.portal h5 { color: rgb(77, 77, 77); font-size: 0.75em; font-weight: normal; padding-left: 1.5em; padding-bottom: 0px; }

@media print { a.external.text:after { display:none; } }

@media screen, print { .listing-hours { font-style:italic; } .listing-price { font-style:italic; } }

/* Styles for Pagebanner template */ .topbanner { position: relative; max-width: 1800px; height: auto; padding-bottom:2px; } .topbanner img { max-width: 100%; height: auto; width: auto\9; } .topbanner-box { position: absolute; z-index: 2; margin-top: 1.5em; color: white; width: 50%; min-width: 20em; left: 2%; text-align: left; } .topbanner .name { position: absolute; z-index: 2; margin: 0.5em 0 0 0.4em; padding: 8px 7px; font-size: 2.2em; background: rgb(16,16,16); background: rgba(0,0,0,0.5); border-radius: 4px; color: white; white-space: nowrap; line-height: 0.9em; }

/*** Styling table of contents into a hlist and dropdown menus ***/

/* hide toc number */ .tocnumber { display: none; }

.hlist { position: absolute; bottom: 8px; left: 0; z-index: 3; width:100%; }

.hlist #toc ul, #toc ul ul, #toc ul ul ul { display: block; white-space: nowrap; margin: 0; padding: 2px 0px 0px 0px; } /* display of toc table, stretch across page */ .hlist #toc { width: 100%; max-width: 170em; color: black; margin: 0; padding: 0; border: 0px none; border-spacing: 0px; } .hlist.tocbox-s #toc { background-color: #e0e0e0; } .hlist.tocbox-b #toc { color: white; background: rgb(16,16,16); background: rgba(0,0,0,0.5); } .hlist.tocbox-w #toc { background: rgb(225,225,225); background: rgba(160,160,160,0.6); } /* links in the horizontal ToC should be black... */ .hlist #toc a { color: black; font-size: 0.8em; font-weight: bold; text-decoration: none; } /* ... except when the ToC box is black ... */ .hlist.tocbox-b #toc a { color: white; } /* ... or except when being hovered over */ .hlist #toc a:hover { color: #bdddfd; text-decoration: underline; } /* input dot separators */ .hlist #toc li.toclevel-1:after { content: "· "; font-weight: bold; padding: 0 0.25em; } .hlist #toc li.toclevel-1:first-child { padding-left:2em; } .hlist #toc li:last-child:after { content: none; } /* only display toclevel-2 on hover */ .hlist #toc ul ul { display: none; }   .hlist #toc ul li:hover > ul { display: block; } /* display of toclevel-1 */ .hlist #toc ul { list-style: none; position: relative; display:block; }   .hlist #toc ul:after { content: ""; clear: both; display: block; }   /* force horizontal menu */ .hlist #toc ul li { float: left; }   .hlist #toc ul li a { display:inline-block; padding: 1px 2px; }   /* display of toclevel-2 */ .hlist #toc ul ul { background: rgb(134,144,157); border-radius: 0px; padding: 0; margin:0; position: absolute; top: 95%; }       .hlist #toc ul ul li { float: none; border-bottom: 1px solid #8d97a3; position: relative; }       .hlist #toc ul ul li a { display:block; padding: 2px 8px; color: #fff; }           .hlist #toc ul ul li a:hover { background: #4b545f; }       /* display of toclevel-3 */ .hlist #toc ul ul ul { position: absolute; left: 100%; top:0; margin:0; background: #919aa7; } /* don't display ToC title when in horizontal ToC */ .hlist #toctitle { display: none; } .mf-mobile-only { display: none; } .hlist #toc .toclevel-4, .hlist #toc .toclevel-5, .hlist #toc .toclevel-6 { display: none; } .hlist .toggleNode { display: none; }

/* style info for icon box in the top right corner of the banner */ .iconbox { position: absolute; right: 0; padding: 3px; z-index: 3; background: rgb(16,16,16); background: rgba(0,0,0,0.7); border-bottom-left-radius: 5px; } /* hide toc levels if screen is too small */ @media (max-width: 800px) { .hlist #toc .toclevel-2, .hlist #toc .toclevel-3 { display: none; }   .topbanner .name { font-size: 2em; margin: 0.3em 0 0 0.2em; } }