html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } ul { padding-left: 2.5rem; /* 230304 - Some setting in Chrome for Dale Walker on two different computers (home, office) clears the padding, removing all ul indentions, all levels collapse left. */ } :root { --btnbar-bgcolor: #868f98; --btnbar-fgcolor: white; --form-bgcolor: #cfd2d6; --form--btn-border-color: var(--btnbar-bgcolor); --form--input-border-color: var(--btnbar-bgcolor); --table--row-even-bgcolor: #b6bcc1; --table--row-odd-bgcolor: #dbdde0; --crimson: #990000; --disabled-color: #cfd2d6; /* --table--row-even-fgcolor: --table--row-odd-fgcolor: */ } body { display: flex; flex-direction: column; } msgDeleted { background-color: var(--disabled-color); } .mbPageNavbar { text-align:center; font-size: 125%; font-family: sans-serif; max-width: 95%; margin: auto; margin-top: 1rem; } .mbPageNavbar div { display: inline-block; vertical-align: top; background-color: var(--btnbar-bgcolor); } .mbPageNavbarScroll { overflow: auto; white-space: nowrap; max-width: 70%; margin: auto; } .mbPageNavbar a { text-decoration: none; padding-left: 0.5rem; padding-right: 0.5rem; color: var(--btnbar-fgcolor); } .mbPageNavbar a:hover { text-decoration: none; background-color: var(--crimson); } .practicenotes { padding-left: 1rem; } .practicenotes li{ list-style-image: url(/mb/arrow.gif); margin-top: 0.5rem; } .noteslist { padding-left: 1rem; } .noteslist li{ list-style-image: url(/mb/arrow.gif); margin-top: 0.5rem; } .trigger { cursor: pointer; } .youtubeimg { width: 360; } /* 230701 Begin: For proper scaling */ embed, img, iframe, video, #video { max-width: 100%; height: auto; } iframe { aspect-ratio: 16 / 9; } iframe.instagram-media { aspect-ratio: 4 / 5; } .addiv iframe, #adsense iframe { aspect-ratio: auto; } .aspect_16_9 { aspect-ratio: 16 / 9; } /* 230701 END: For proper scaling */ body { background-color: white; } #page{ width: 100%; } #header{ width: 100%; } .centered{ display: block; margin-left: auto; margin-right: auto; } #homeheader{ width: 100%; } #homeheader img{ display: block; margin: auto; } #homebanner{ margin-top: 0.25rem; } #pageheader { position: relative; border-bottom: 0.1875rem solid var(--crimson); } #pageheaderleft{ float: left; display: block; max-width: 100%; padding-top: 1rem; } #pageheaderright{ float: right; display: block; } #pageheadercenter{ /* position:absolute; left: 0; */ width: fit-content; display:block; margin:auto; white-space: nowrap; /* ontainer-type: size; */ } #pageheadertopic { height: 1rem; /* reserve space even if blank */ } #pageheadertopic p { font-size: 1rem; font-family: sans-serif; margin: 0.25rem 0 0.25rem 0; } #pageheadertitle { margin: auto; } #pageheadertitle p { font-size: 2.5rem; font-family: sans-serif; font-weight: bold; text-align: center; margin:0; } #pageheadersubtitle { margin: auto; } #pageheadersubtitle p { font-size: 1rem; font-family: sans-serif; text-align: center; margin: 0.25rem 0 0.25rem 0; } #logotop{ /* width: 100%; display: none; text-align: center; /* 230608 */ width: 100%; display: block; text-align: left; background-color: var(--crimson); color: white; margin: 0.25rem 0 0 0; font-size: 1.5rem; font-family: sans-serif; padding-left: 1rem; } #logotop span{ color: var(--btnbar-bgcolor); } #logotop a:link{ color:inherit; text-decoration: none; } #logotop a:visited{ color:inherit; text-decoration: none; } #logotop a:hover{ color:inherit; text-decoration: underline; } .navtoggle::before { content: url(/unicode/2630.png); } /* Added 190920 */ .group:after { content: ""; display: table; clear: both; } table th a .clickable-block{ position: absolute; display: block; width: 100%; height: 100%; } #pagebody { /* margin: auto; set during call to init() if content to be centered */ /* 220610 display: flex; flex-wrap: nowrap; flex-direction: row; */ background-color: white; padding: 0.25rem; } .article { max-width: 30rem; /* default, see media queries */ } .article p, .article li { line-height: 1.5; } .article h1{ color: Silver; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 150%; /* 30 */ margin-top: 0; /* When content height < navbar height, non-zero top margin forces same margin for navbar. */ padding-top: 0.8rem; } .article h1.storytitle{ margin-top: 0; padding-top: 0.625rem; } .article h2{ clear:left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 140%; /*1.5rem;*/ } .article h3{ clear:left; color: Silver; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 130%; /*20;*/ } .article h4{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 120%; /*18px;*/ } .article h5{ color: Silver; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 110%; /*16px;*/ } .article a:link{ color: var( --crimson ); } .article a:visited{ color: Silver; text-decoration: none; } .article a:hover{ color: var( --crimson ); text-decoration: underline; } #pagefooter{ padding: 1rem; text-align: center; background: white; font-family: sans-serif; font-weight: bold; font-size: 1rem; font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; border-top: 0.1875rem solid var( --crimson ); margin-top: 0.5rem } div.title p{ font-size: 1.8rem; /*24px;*/ text-align: left; margin: 0 0 0 3.125rem; padding: 0 0 0 0; } div.title h1{ font-size: 3rem; /*3.125rem;*/ text-align: center; margin: 0 0 0 3rem; /* 4/25/11 Reduced from 3.125rem to 3rem. New firefox 4.0 and IE 9.0 caused "2012 Prospect Profile" to wrap. */ padding: 0 0 0 0; } p.byline { /* byline always followed by dateline */ font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; } p.photos-byline { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; /*90%;*/ } p.dateline { font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; /*90%;*/ margin-top: 0; } div.notes{ clear:both; font-size: 0.9rem; /*90%;*/ border: 0.0625rem solid var( --crimson ); margin: 0.625rem 0 0.625rem 0; padding: 0 0.03125rem 0 0.03125rem; } div.photo-right{ float: right; /*mfont-family: Arial, Helvetica, sans-serif; moved to caption 2015-12-03 font-size: 0.9rem; /*90%;*/ margin: 0 0 0.625rem 0.625rem; padding: 0.625rem; border-top: 0.0625rem solid #999; border-right: 0.125rem solid #555; border-bottom: 0.125rem solid #555; border-left: 0.0625rem solid #999; } div.photo-left{ float: left; /*mfont-family: Arial, Helvetica, sans-serif; moved to caption 2015-12-03 font-size: 0.9rem; /*90%;*/ margin: 0 0.625rem 0.625rem 0; padding: 0.625rem; border-top: 0.0625rem solid #999; border-right: 0.125rem solid #555; border-bottom: 0.125rem solid #555; border-left: 0.0625rem solid #999; } div.photo-center{ /*mfont-family: Arial, Helvetica, sans-serif; moved to caption 2015-12-03 font-size: 0.9rem; /*90%;*/ margin-left: auto; margin-right: auto; margin-bottom: 0.625rem; padding: 0.03125rem; border-top: 0.0625rem solid #999; border-right: 0.125rem solid #555; border-bottom: 0.125rem solid #555; border-left: 0.0625rem solid #999; } div.gallery-photo{ margin-bottom: 0.625rem; } div.gallery-photo p{ padding-top: 1.5rem; } /* div.gallery-caption{ height: auto; font-size: 90%; margin-bottom: 0.625rem; } */ img.photo{ border-top: 0.0625rem solid #999; border-right: 0.125rem solid #555; border-bottom: 0.125rem solid #555; border-left: 0.0625rem solid #999; padding: 0.0625rem; } img.photo-right{ float: right; border-top: 0.0625rem solid #999; border-right: 0.125rem solid #555; border-bottom: 0.125rem solid #555; border-left: 0.0625rem solid #999; padding: 0.0625rem; margin-left: 0.625rem; } img.photo-left{ float: left; border-top: 0.0625rem solid #999; border-right: 0.125rem solid #555; border-bottom: 0.125rem solid #555; border-left: 0.0625rem solid #999; padding: 0.0625rem; margin-right: 0.625rem; } div.caption{ font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; /*90%;*/ vertical-align: middle; margin-left: 0; } div.credit{ font-size: 75%; text-align: right; vertical-align: top; margin-right: 0; } div.joinforumlink{ font-family: Arial, Helvetica, sans-serif; margin: 0.625rem 0 0.625rem 0; } table.roster{ font-family: Arial, Helvetica, sans-serif; } table.roster td{ white-space: nowrap; padding: 0.125rem 0.25rem 0.125rem 0.25rem; } table.roster tr.header{ background-color: var( --crimson ); color: white; } table.roster tr.subheader{ background-color: white; color: Black; } table.roster th{ white-space: nowrap; padding: 0.125rem 0.25rem 0.125rem 0.25rem; /*position: relative;*/ height: 1.5rem; } td.clickable, th.clickable{ position: relative; } td.clickable:hover{ color: white; background-color: var( --crimson ); } /* table.roster th a{ /* Cell text must be moved outside anchor in order to make cell clickable. */ td.clickable a, th.clickable a{ /* Cell text must be moved outside anchor in order to make cell clickable. */ position: absolute; display: block; top: 0; /* required for positioning in cell */ left: 0; /* required for positioning in cell */ width: 100%; /* required for clicking anywhere in cell */ height: 100%; /* required for clicking anywhere in cell */ } table.roster th a:link{ color: white; text-decoration: none; } table.roster th a:visited{ color: white; text-decoration: none; } table.roster th a:hover{ color: white; text-decoration: none; } table.roster tr.even{ background-color: var(--table--row-even-bgcolor); } table.roster tr.odd{ background-color: var(--table--row-odd-bgcolor); } .toptext{ margin-top: 0; padding-top: 0.5rem; } #content { display: none; /* 220612 overflow-x: hidden; */ margin: auto; } #contentleft{ display: none; } #contentright{ display: none; } #contentcenter{ display: inline-block; } div.announce{ /* Example: Instant Inside Access */ text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.9rem; /*14px;*/ } div.announce h1{ color: var( --crimson ); font-family: Arial, Helvetica, sans-serif; font-size: 1.8rem; /*24px;*/ font-style: italic; margin-top: 0; margin-bottom: 0.03125rem; } div.announce p{ margin-top: 0.03125rem; } .newsindex{ padding: 0; margin: 0; list-style-type: none; } .newsindex li{ display: block; /* width: 13.0rem; */ height: 2.0rem; /* margin: 0.125rem auto; */ color: black; /* background-color: silver; border-top: 0.0625rem solid white; border-bottom: 0.0625rem solid white; border-color: white; */ } .newsindex li a { display: block; width: 100%; height: 100%; /* padding: 0.25rem; /* without padding, only text highlighted on hovering. */ padding: 0.5rem 0.25rem; /* without padding, only text highlighted on hovering. */ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .newsindex li a:link{ color: var( --crimson ); text-decoration: none; } .newsindex li a:visited{ color: black; text-decoration: none; } .newsindex li a:hover{ background-color: var( --crimson ); color: white; text-decoration: none; } .homepage h1{ font-family: Arial, Helvetica, sans-serif; font-size: 150%; margin: 1rem 0 0.125rem 0; } .homepage p{ margin-top: 0; margin-bottom: 0; } .homepage p.byline{ font-family: Arial, Helvetica, sans-serif; font-size: 0.90rem; /* 14px; */ margin-top: 0; margin-bottom: 0.25rem; } .homepage a:link{ color: var( --crimson ); text-decoration: none; } .homepage a:visited{ color: black; text-decoration: none; } .homepage a:hover{ color: var( --crimson ); text-decoration: underline; } div.split-table{ white-space: nowrap; overflow: hidden; /*230730*/ } div.split-table-left{ display: inline-block; vertical-align: top; } div.split-table-right{ display: inline-block; vertical-align: top; overflow-x: auto; } #actionbar { padding: 0.25rem 0; position: sticky; top: 0; /* changed dynamically by event listener when ad banner shows at top in #top-addiv div */ background-color: white; z-index: 99; } #actionbar::after { content: ""; clear: both; display: block; } .actionbarlike button, .actionbarlike select { background-color: var( --btnbar-bgcolor ); height: 1.75rem; line-height: 1.75rem; border-radius: 0.25rem; border: none; outline: none; color: #FFF; padding: 0.1rem 0.5rem 0 0.5rem; /* top padding serves to center unicode images created with GIMP */ margin: 0 0.4rem 0.4rem 0; vertical-align: top; font-size: 1rem; /* 2rem */ box-shadow: 0 0.1875rem 0.375rem rgba(0,0,0,0.16), 0 0.1875rem 0.375rem rgba(0,0,0,0.23); } li.actionbarlike { /* needed for the legend of action bar buttons on home view */ margin-bottom: 0.5rem; } .actionbarlike button img{ /* needed for the legend of action bar buttons on home view */ vertical-align: middle; } li.actionbarlike span { /* needed for the legend of action bar buttons on home view */ vertical-align: -webkit-baseline-middle; } form button { /*height: 2.00rem; /* Less than 2rem -> actionbar buttons don't align with navtoggle button */ padding: 0.5rem; margin: 0 0.5rem 0.5rem 0; border-radius: 0.25rem; border-color: var(--form--btn-border-color); /* silver; */ font-size: 1rem; } #actionbar input:hover, #actionbar select:hover, #actionbar button:hover, form button:hover, form select:hover { background-color: var( --crimson ); color: white; } #actionbar select:focus, form select:focus { background-color: white; color: black; } form { margin: 1rem 0 1rem 0; background-color: var( --form-bgcolor ); /* silver; */ padding: 0.5rem; border-color: var( --crimson ); border-style: solid; border-width: 0.0625rem; border-radius: 0.25rem; } form select, form input, form textarea { padding: 0.5rem; border: 0.0625rem solid var( --form--input-border-color ); /*silver;*/ border-radius: 0.25rem; box-sizing: border-box; margin: 0.5rem 0 0.5rem 0; } form select, form input[type=text], form input[type=password], form textarea { width: 100%; } input:disabled+label { color: var(--disabled-color); } label { padding: 0.5rem; display: inline-block; margin: 0.5rem 0 0.5rem 0; } label:hover { /* border: 0.0625rem solid var( --crimson ); */ border-radius: 0.25rem; background-color: var( --crimson ); color: white; } .col-25 { float: left; width: 25%; margin-top: .4rem; } .col-75 { float: left; width: 75%; margin-top: .4rem; } .row button { margin-top: .5rem; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } .ab--select-goto-width { width: 6rem; } #navbar{ font-family: Arial, Helvetica, sans-serif; font-size: 0.8rem; background-color: var( --btnbar-bgcolor ); /* silver; */ margin-right: 0.5rem; white-space: nowrap; } #navbar ul{ padding: 0; margin: 0; list-style-type: none; } #navbar li{ display: block; /* width: 13.0rem; 210209 */ /* height: 2.25rem; */ color: white; /* black; */ background-color: var( --btnbar-bgcolor ); /* silver; */ border-top: 0.0625rem solid white; border-bottom: 0.0625rem solid white; border-color: white; } #navbar li a { display: block; /* without this, only text highlighted on hovering. */ height: 1.75rem; line-height: 1.75rem; font-size: 1rem; padding: 0 0.25rem; } #navbar li.navheader{ display: block; height: 2.5rem; font-weight: bold; color: var( --crimson ); background-color: white; /*darkgrey; */ padding: 0.5rem 0.25rem; border-top: 0.03125rem solid white; text-transform: uppercase; } #navbar li a:link{ color: white; /* black; */ text-decoration: none; } #navbar li a:visited{ color: white; /*black;*/ text-decration: none; } #navbar li a:hover{ background-color: var( --crimson ); color: white; text-decoration: none; } div.statusbar{ display: none; border-color: var( --crimson ); border-style: solid; border-width: 0.125rem; font-size: 125%; text-indent: 0.625rem; margin: 0.125rem 0 0.125rem 0; } #actionbarmore button, #actionbarless button { font-weight: bold; } /* Have never used split action bar in product release #actionbarmore button::before { content: "+"; } #actionbarless button::before { content: "-"; } */ .caret { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 0.375rem; } .caret:hover::before { color: white; background-color: var( --crimson ) } .caret-left::before { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */' transform: rotate(180deg); } /* Following added for forumapp */ .spinner { position: relative; border: .5rem solid #f3f3f3; border-radius: 50%; border-top: .5rem solid var( --crimson ); width: 5rem; height: 5rem; left:50%; top:50%; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } #ajaxspinner{ position: absolute; top:0; left:0; width: 100%; height: 100%; background: black; opacity: .50; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .forumbody { max-width: 100%; /* needed for safari on iphone, and to break word elsewhere */ overflow-wrap: break-word; } a.subjectMain:link { color: blue; /* text-decoration: none; 240330 now a setting. */ } a.subjectMain:visited { text-decoration: none; } a.subjectMain:hover { text-decoration: underline; } a.subjectReply:link { /* text-decoration: none; 240330 now a setting. */ } a.subjectReply:visited { text-decoration: none; } a.subjectReply:hover { text-decoration: underline; } li.msgHeaderReply{ color: black; margin-top: 0.5rem; } p.msgHeaderReply{ margin-top: 0.5rem; margin-bottom: 0.5rem; } li.msgHeaderMain{ color: black; margin-top: 0.75rem; } div.msgHeaderThd{ font-size: 100%; font-weight: normal; } div.msgHeaderIx{ font-size: 100%; font-weight: normal; color: black; } .underline { text-decoration: underline; } .noTextDecoration { text-decoration: unset; } .msgAuthor { color: black; font-weight: bold; } a.msgAuthor:link { text-decoration: none; } .msgBody { display: none; font-weight: normal; } .msgReply { display: none; font-size: 100%; color: black; } li.msgReply { list-style-image: url(arrow.gif); } p.msgReply { margin-top: 0.5rem; margin-bottom: 0.5rem; } .msgDeleted { background-color: lightgray; } div.visible { display: block; } li.visible { display: list-item; } ul.thread { list-style-image: none; margin-left: 0; padding-left: 0; } ul.nested { padding-left: 1rem; } #search-results-div ul { list-style-image: none; margin-left: 0; padding-left: 0; } li.msgHeaderMain{ list-style-image: none; } li.msgHeaderReply{ list-style-image: none; } li.msgReply { list-style-image: none; } li.msgMain { list-style-image: none; } ul { list-style-type: none; } :root { --msg__li__sym-pinned: "\2605"; /* url(/unicode/1F588.png); */ --msg__li__sym-replies-none: "\25CF"; /* url(/unicode/25C6.png); */ --msg__li__sym-replies-has: "\25B6 \FE0E"; /*url(/unicode/25B6.png); */ --msg__li__sym-replies-showing: "\25BC"; /* url(/unicode/25BC.png); */ } .msg__li::before { color: black; display: inline-block; margin-right: 0.25rem; width: 1rem; text-align: center; } .msg__li__replies-none::before { content: var(--msg__li__sym-replies-none); } .msg__li__replies-has::before { content: var(--msg__li__sym-replies-has); } .msg__li__replies-showing::before { /* must follow msg__li__replies-has */ content: var(--msg__li__sym-replies-showing); } .msg-lead-post::before { /* must follow msg__li__replies-has */ color: var(--crimson); } .msg__li__pinned::before { /* Given code in forumapp, this must follow all msg__li classes decls */ content: var(--msg__li__sym-pinned); } .caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 0.375rem; } .no-reply::before { content: "\25C6"; color: black; display: inline-block; margin-right: 0.375rem; } .caret { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 0.375rem; } .caret-down::before { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */' transform: rotate(90deg); } .caret-left::before { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari */' transform: rotate(180deg); } .nested { display: none; } .active { display: block; } .addiv { text-align: center; width: 100%; /* 241119 - no effect clear: both; margin: auto; */ } #top-addiv { padding-bottom: 0.25rem; position: sticky; top: 0; background-color: white; z-index: 98; height: 94px; /* 4px to account for bottom padding. Fixed height rather than max-height to eliminate screen shift with ad refresh */ overflow: hidden; /* otherwise buttons within overflow area don't work */ } .onheader { font-style: italic; font-weight: bold; } .wrap { overflow-wrap: break-word; } .adleaderboard { width: 320px; height: 100px; } @media(min-width: 500px) { .adleaderboard { width: 468px; height: 60px; } } @media(min-width: 800px) { .adleaderboard { width: 728px; height: 90px; } } @media(min-width: 1024px) { .adleaderboard { width: 1024px; height: 120px; } } :root { --ab--sym-return: url(/unicode/1F868.png); --ab--sym-refresh: url(/unicode/2B6E.png); --ab--sym-reply: url(/unicode/1F4AC.png); --ab--sym-edit: url(/unicode/1F589.png); --ab--sym-newthread: url(/unicode/1F588.png); --ab--sym-ignore: url(/unicode/1F464.png); --ab--sym-notices: url(/unicode/1F56D.png); --ab--sym-flag: url(/unicode/2691.png); --ab--sym-delete: url(/unicode/1F5D1.png); --ab--sym-search: url(/unicode/2315.png); --ab--sym-showall: url(/unicode/002B.png); /*1F4D6*/ --ab--sym-hidereplies: url(/unicode/25BC.png); --ab--sym-showreplies: url(/unicode/25B6.png); --ab--sym-hidebodies: url(/unicode/25BC.png); --ab--sym-showbodies: url(/unicode/25B6.png); /* Using characters instead of images for only 4-hex-digit instances would require different styling. */ /* --ab-min-width: 1024px; replacing 1024px in media rule with var(--ab-min-width) does not work. */ --ab--txt-return: "Return"; --ab--txt-refresh: "Refresh"; --ab--txt-reply: "Reply"; --ab--txt-edit: "Edit"; --ab--txt-newthread: "New Thread"; --ab--txt-ignore: "Ignore"; --ab--txt-notices: "Notices"; --ab--txt-flag: "Request Removal"; --ab--txt-delete: "Delete"; --ab--txt-search: "Search"; --ab--txt-showall: "Show All"; --ab--txt-hidereplies: "Hide Replies"; --ab--txt-showreplies: "Show Replies"; --ab--txt-hidebodies: "Hide Bodies"; --ab--txt-showbodies: "Show Bodies"; } /* 230616 Begin: Are the following used */ .ab--sym-return::before { content: var(--ab--sym-return); } .ab--sym-refresh::before { content: var(--ab--sym-refresh); } .ab--sym-reply::before { content: var(--ab--sym-reply); } .ab--sym-edit::before { content: var(--ab--sym-edit); } .ab--sym-newthread::before { content: var(--ab--sym-newthread); } .ab--sym-ignore::before { content: var(--ab--sym-ignore); } .ab--sym-notices::before { content: var(--ab--sym-notices); } .ab--sym-flag::before { content: var(--ab--sym-flag); } .ab--sym-delete::before { content: var(--ab--sym-delete); } .ab--sym-search::before { content: var(--ab--sym-search); } .ab--sym-showall::before { content: var(--ab--sym-showall); } .ab--sym-hidereplies::before { content: var(--ab--sym-hidereplies); } .ab--sym-showreplies::before { content: var(--ab--sym-showreplies); } .ab--sym-hidebodies::before { content: var(--ab--sym-hidebodies); } .ab--sym-showbodies::before { content: var(--ab--sym-showbodies); } /* 230616 End: Are the following used */ .ab--btn-return::before { content: var(--ab--sym-return); } @media(min-width: 728px ) { .ab--btn-return::before { content: var(--ab--txt-return); } } .ab--btn-refresh::before { content: var(--ab--sym-refresh); } @media(min-width: 728px ) { .ab--btn-refresh::before { content: var(--ab--txt-refresh); } } .ab--btn-reply::before { content: var(--ab--sym-reply); } @media(min-width: 728px ) { .ab--btn-reply::before { content: var(--ab--txt-reply); } } .ab--btn-edit::before { content: var(--ab--sym-edit); } @media(min-width: 728px ) { .ab--btn-edit::before { content: var(--ab--txt-edit); } } .ab--btn-newthread::before { content: var(--ab--sym-newthread); } @media(min-width: 728px ) { .ab--btn-newthread::before { content: var(--ab--txt-newthread); } } .ab--btn-ignore::before { content: var(--ab--sym-ignore); } @media(min-width: 728px ) { .ab--btn-ignore::before { content: var(--ab--txt-ignore); } } .ab--btn-notices::before { content: var(--ab--sym-notices); } @media(min-width: 728px ) { .ab--btn-notices::before { content: var(--ab--txt-notices); } } .ab--btn-flag::before { content: var(--ab--sym-flag); } @media(min-width: 728px ) { .ab--btn-flag::before { content: var(--ab--txt-flag); } } .ab--btn-delete::before { content: var(--ab--sym-delete); } @media(min-width: 728px ) { .ab--btn-delete::before { content: var(--ab--txt-delete); } } .ab--btn-search::before { content: var(--ab--sym-search); } @media(min-width: 728px ) { .ab--btn-search::before { content: var(--ab--txt-search); } } .ab--btn-showall::before { content: var(--ab--sym-showall); } @media(min-width: 728px ) { .ab--btn-showall::before { content: var(--ab--txt-showall); } } .ab--btn-hidereplies::before { content: var(--ab--sym-hidereplies); } @media(min-width: 728px ) { .ab--btn-hidereplies::before { content: var(--ab--txt-hidereplies); } } .ab--btn-showreplies::before { content: var(--ab--sym-showreplies); } @media(min-width: 728px ) { .ab--btn-showreplies::before { content: var(--ab--txt-showreplies); } } .ab--btn-hidebodies::before { content: var(--ab--sym-hidebodies); } @media(min-width: 728px ) { .ab--btn-hidebodies::before { content: var(--ab--txt-hidebodies); } } .ab--btn-showbodies::before { content: var(--ab--sym-showbodies); } @media(min-width: 728px ) { .ab--btn-showbodies::before { content: var(--ab--txt-showbodies); } } .mbPageNavbarNext::before { content: '>'; padding-left:0.75rem; } @media(min-width: 728px ) { .mbPageNavbarNext::before { content: 'Next'; padding-left:0.25rem; } } .mbPageNavbarPrev::before { content: '<'; padding-right:0.75rem; } @media(min-width: 728px ) { .mbPageNavbarPrev::before { content: 'Prev'; padding-right:0.25rem; } } /* .mbPageNavbarNext::before { content: '>'; } @media(min-width: 728px ) { .mbPageNavbarNext::before { content: 'Next'; } } .mbPageNavbarPrev::after { content: '<'; } @media(min-width: 728px ) { .mbPageNavbarPrev::after { content: 'Prev'; } } .ab--btn-return::before { content: var(--ab--sym-return); } @media(min-width: 728px ) { .ab--btn-return::before { content: "Return"; } } .ab--btn-refresh::before { content: var(--ab--sym-refresh); } @media(min-width: 728px ) { .ab--btn-refresh::before { content: "Refresh"; } } .ab--btn-reply::before { content: var(--ab--sym-reply); } @media(min-width: 728px ) { .ab--btn-reply::before { content: "Reply"; } } .ab--btn-edit::before { content: var(--ab--sym-edit); } @media(min-width: 728px ) { .ab--btn-edit::before { content: "Edit"; } } .ab--btn-newthread::before { content: var(--ab--sym-newthread); } @media(min-width: 728px ) { .ab--btn-newthread::before { content: "New Thread"; } } .ab--btn-ignore::before { content: var(--ab--sym-ignore); } @media(min-width: 728px ) { .ab--btn-ignore::before { content: "Ignore"; } } .ab--btn-notices::before { content: var(--ab--sym-notices); } @media(min-width: 728px ) { .ab--btn-notices::before { content: "Notices"; } } .ab--btn-flag::before { content: var(--ab--sym-flag); } @media(min-width: 728px ) { .ab--btn-flag::before { content: "Request Removal"; } } .ab--btn-delete::before { content: var(--ab--sym-delete); } @media(min-width: 728px ) { .ab--btn-delete::before { content: "Delete"; } } .ab--btn-search::before { content: var(--ab--sym-search); } @media(min-width: 728px ) { .ab--btn-search::before { content: "Search"; } } .ab--btn-showall::before { content: var(--ab--sym-showall); } @media(min-width: 728px ) { .ab--btn-showall::before { content: "Show All"; } } .ab--btn-hidereplies::before { content: var(--ab--sym-hidereplies); } @media(min-width: 728px ) { .ab--btn-hidereplies::before { content: "Hide Replies"; } } .ab--btn-showreplies::before { content: var(--ab--sym-showreplies); } @media(min-width: 728px ) { .ab--btn-showreplies::before { content: "Show Replies"; } } .ab--btn-hidebodies::before { content: var(--ab--sym-hidebodies); } @media(min-width: 728px ) { .ab--btn-hidebodies::before { content: "Hide Bodies"; } } .ab--btn-showbodies::before { content: var(--ab--sym-showbodies); } @media(min-width: 728px ) { .ab--btn-showbodies::before { content: "Show Bodies"; } } */ .ab--btn-msgid::before { content: "#"; } @media(min-width: 728px ) { .ab--btn-msgid::before { content: "Msg ID"; } } @media ( width <= 640px) { #pageheaderleft{ display: none; /* 230608 logo always on top; otherwise block */ } #pageheaderright{ display: none; } #pageheadertopic p { font-size: 2.4vw; } #pageheadertitle p { font-size: 6vw; } #pageheadersubtitle p { font-size: 2.4vw; } } .article_width {} @media(min-width: 480px ) { .article_width { width:30rem }; } @media ( 640 < width ) { .article{ width: 30rem; } .mbPageNavbar{ max-width: 30rem; } } @media ( width <= 640px) { .col-25, .col-75, input[type=submit] { width: 100%; margin-top: 0; } .col-25 label { margin-bottom: 0; } .col-75 input, .col-75 textarea { margin-top: 0; } } @media ( 480px < width <= 640px) { .article{ max-width: 30rem; } .mbPageNavbar{ max-width: 30rem; } } @media ( 320px < width <= 480px) { .article{ max-width: 20rem; } .mbPageNavbar{ max-width: 20rem; } } @media ( width <= 320px) { .article{ max-width: 15rem; } .mbPageNavbar{ max-width: 15rem; } }