publicdata/ssa-gov
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
ssa-gov/policy/styles/navORP.css
Scott A. Williams 88f0d540fb INitial commit
2025-02-19 12:17:21 -08:00

266 lines
No EOL
17 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

/* FRAME TWEAKS */
.column-9, .row-12{position:relative}
#content{font-size:15px;line-height:1.5;padding:0 0 4em}
H3{border-bottom:1px solid #7a0300;color:#7a0300;font-size:1.3em;line-height:1.2;margin:.3em 0 .5em}
BODY.FS H3{font-size:105%;line-height:1.1}
BODY.RS H3{margin:1.5em 0 1em;padding-right:8em}
H3+P{margin-top:.5em}
H4{border-bottom:1px solid #999;font-size:1.2em;margin:2em 0 .5em}
BODY.FS H4{font-size:1.3em;margin:.5em 0;padding-right:9em}
BODY.PPO H4{border-bottom:none;margin-top:.5em}
H4.sidebar-gray{background:#f2f2f2;border:1px solid #ccc;font-size:1em;padding:0 .3em}
UL{line-height:1.4;margin-top:.5em}
UL LI{list-style-type:disc;margin-bottom:.25em}
UL UL{margin-top:.25em;padding-left:1.5em}
DIV.ORPblue UL UL LI{list-style:outside;list-style-type:'– ';margin-left:.4em} /* added for Never & Child Benes FSs, conflicts with sidebar nav without DIV specification */
UL.list-arrows-blue{padding-left:1.35em}
UL.list-arrows-blue LI{list-style:none}
UL.list-arrows-blue LI::before{color:#002a5c;content:"\25B6";display:inline-block;font-size:90%;font-weight:bold;margin-left:-1.3em;width:1.3em}
UL.list-arrows-blue LI UL LI::before{color:#608BBD}
ABBR[title]{border-bottom:none;text-decoration:none}
IMG{display:inherit;max-width:inherit}
.toggle-link{margin-bottom:.3em}
.toggle-link>a:before{margin-bottom:-.1em}
.toggle-link P, .toggle-link OL{font-size:.9em;line-height:1.3;margin-bottom:.75em}
A[href$=".xls"], A[href$=".xlsx"], A[href*=".pdf"]{background-position:100% 50%;padding-right:1.4em}
A.no-icon{padding:0 !important}
/* ORP */
.breadORP{border-bottom:1px solid #ddd;color:#666;font-size:75%;line-height:1.4;margin:-1.2em 0 2em;padding:0 0 .25em .75em}
H5{font-size:1.1em;font-weight:700;line-height:1.2;margin:1em 0 .25em}
ABBR.spell{speak:spell-out}
.nobr{white-space:nowrap}
.width-50{width:50%}
.navRight{font-size:90%;margin-left:2em}
.navRight UL{padding:0}
.navRight LI{border-bottom:1px dotted #999;list-style:none;padding:1px 5px 4px}
.subscribe{font-size:80%;text-align:right}
.subscribe A IMG{vertical-align:text-bottom}
#related{margin:2em 0 0;padding:10px 10px 1px;width:14rem}
#related H5{font-size:95%;margin:0 0 .25em}
#related P, #related LI{font-size:80%;line-height:1.45}
#related UL{margin-bottom:.5em;padding-left:1.1em}
#related UL UL{margin-bottom:0}
#related P+UL{margin-top:-.75em;padding-left:1.6em}
#related UL UL LI{font-size:100%;list-style-type:'– '}
.overlayORP{bottom:1em;position:fixed;z-index:10}
.scrolledORP{bottom:0;position:absolute}
.lockedORP{bottom:auto;position:relative}
#utilitiesORP{font-size:80%;position:absolute;right:0;top:.4em;visibility:hidden}
BODY.RS #utilitiesORP{float:none;padding:0;text-align:right;width:100%}
#utilitiesORP UL{margin:0;text-align:right}
#utilitiesORP UL LI{display:inline-block;*display:inline;list-style:none}
#emailORP, #excelORP, #printORP{margin-right:.8em}
#emailORP{background:url(/policy/images/icons/email_go.png) no-repeat 100% 0}
#emailORP A{padding-right:20px}
#printORP A{padding-right:18px}
#subscribeORP{background:url(/policy/images/icons/subscribe-20x16.png) no-repeat 100% 0}
#subscribeORP A{padding-right:23px}
.iconHolder{float:right;font-size:80%;font-weight:700;margin-top:-2.4em;text-align:right}
.iconHolder IMG{margin-left:2px;vertical-align:text-bottom}
/* FACTSHEETS */
.tabsORP{display:inline-block;margin:0;padding:0}
.tabsORP LI{float:left;list-style-type:none;margin-right:4px}
.tabsORP A, .tabsORP A:hover, .tabsORP .currentTab A{border-radius:7px 7px 0 0}
.tabsORP LI A{color:#fff;float:left;padding:0 0 3px 6px}
.bluetab LI A{background-color:#365381}
.greentab LI A{background-color:#478E6D}
.purpletab LI A{background-color:#413c59}
.yellowtab LI A{background-color:#5c594c}
.bluetab A:hover{background-color:#272949}
.greentab A:hover{background-color:#226d49}
.purpletab A:hover{background-color:#716a96}
.yellowtab A:hover{background-color:#bc9f6d}
.tabsORP .currentTab A{color:#000}
.ORPblue, .bluetab .currentTab A{background-color:#e6e9f3}
.ORPgreen, .greentab .currentTab A{background-color:#e6ece4}
.ORPpurple, .purpletab .currentTab A{background-color:#e5e2ef}
.ORPyellow, .yellowtab .currentTab A{background-color:#fef8d2}
.tabsORP SPAN{display:block;font-size:80%;line-height:1.2;padding:3px 6px 0 0;text-align:center}
.factsheet{margin:-6px 0 0;overflow:hidden;padding:.9em}
.factsheet P{margin-bottom:.5em}
.factsheet UL{margin-bottom:.5em;margin-left:-1em}
.dateORP, .dateRS{float:right;line-height:1.2;margin-bottom:-2.5em;position:relative;text-align:right}
.dateORP{font-size:80%;top:-3.5em}
.noNextDate{top:-2.3em}
.datePP{margin-bottom:-4em;top:-4.5em}
.dateRS{font-size:85%;font-style:italic;top:-3em}
.return{display:block;font-size:90%;text-align:right}
.return A:after{content:' ↺';font-size:150%;line-height:0}
/* CHARTS */
.chart{background-color:#fff;box-sizing:content-box;margin:1em 0;padding:1%}
BODY.RS .chart{background:#f2f2f2;margin:1.5em 0 2em 0;padding:.5em}
.svgChart {background:#fff;margin:1em 0}
.ORP-columns{width:49%}
.ORP-columns .chart{padding:2%}
.centerC{text-align:center;width:98%}
.leftC{float:left;width:47%}
.rightC{float:right;width:47%}
.chart .title{border-bottom:1px solid #ccc;font-size:115%;font-weight:700;text-align:left}
BODY.FS .chart .title{font-size:105%;line-height:1.3}
BODY.RS .chart .title{font-size:90%;line-height:1.4}
.chart .subtitle{font-size:1em;font-style:italic;line-height:1.3;margin:0 0 1em;text-align:left}
BODY.FS .chart .subtitle{font-size:85%}
.chart IMG{margin:auto;padding-bottom:1em}
.svgChart IMG{margin-top:.5em;width:100%}
BODY.RS .chart IMG{margin-top:1em}
.note{clear:both;font-size:85%;line-height:1.4;padding:.25em 0;text-align:left}
.svgChart .note{margin:0 1em .5em}
.chart2ndRow{clear:both}
.chart2ndRow .chart{margin-top:0}
/* PO PROJECTIONS */
.compare, .details, .projection{font-size:90%}
.compare, .details{text-align:right}
.compare{float:right;line-height:1.3;margin:-.25em 0 -1.5em}
.details{margin:-2em 0 .5em}
.projection TABLE{background-color:#eee;margin-bottom:1em}
.projection TH, .projection TD{border:1px solid silver;line-height:1.45;padding:4px;text-align:center}
.projection TH.stubHead, .projection TH.stub{text-align:left}
.projection THEAD TH{background-color:#413c59;color:#fff;line-height:1.2;vertical-align:bottom}
.projection TH.stub, .projection TD{font-weight:400;padding-bottom:8px;vertical-align:top}
.projection P{font-size:95%;line-height:1.3}
.category-box, .proposal-box{color:#fff;display:block;margin:0;padding:.3em .5em;width:100%}
.category-box{background-color:#413c59}
.proposal-box{background-color:#807a99;line-height:1.4;margin:0 0 2em;padding:.3em .5em .6em 6.4em;text-indent:-5.9em}
.moreinfo{background:#e8f6fc url(/policy/images/icons/info-22.png) no-repeat 10px 7.5px;font-size:87%;margin-left:1em;margin-top:2.5em;padding:.5em}
.moreinfo H5{padding:.2em 0 .3em 2.3em}
.optionTabs UL.optionTabsNav{border-bottom:1px solid #aaa;border-radius:0;display:inline-block;font-size:89%;margin:0 0 -.5em;padding:0;width:100%}
.optionTabs UL.optionTabsNav LI{background:#f4f2ff;border:1px solid #d3d3d3;border-bottom-width:0;border-radius:5px 5px 0 0;float:left;list-style:none;margin:0 .3em 0 0;position:relative;top:1px}
.optionTabs UL.optionTabsNav LI DIV.optionCategory{display:inline-block;font-weight:700;padding:.2em .6em .4em}
.optionTabs UL.optionTabsNav LI DIV.optionCategory A{color:#336}
.optionTabs UL.optionTabsNav LI DIV.optionCategory A:hover, .optionTabs UL.optionTabsNav LI DIV.optionToggle A:hover{color:#c60000}
.optionTabs UL.optionTabsNav LI.activeTab DIV.optionCategory A{color:#000;text-decoration:none}
.optionTabs UL.optionTabsNav LI DIV.optionToggle{font-size:83%;padding:0 .4em .4em;margin-top:-.2em}
.optionTabs UL.optionTabsNav LI DIV.optionToggle A{background:url(/policy/images/icons/selectedblue.gif) no-repeat 0 4px;color:#336;padding-left:10px}
.optionTabs UL.optionTabsNav LI DIV.optionToggle A.activeToggle{background-image:url(/policy/images/icons/selectedgray.gif);color:#999}
.optionTabs UL.optionTabsNav LI.activeTab{background:#fbf9ec;margin-bottom:0;padding-bottom:1px}
.optionTabs .optionTabsPanel{background:#fbf9ec;border-color:#d3d3d3;border-style:solid;border-width:0 1px 1px;padding:1em}
/* TABLES */
DIV.table{font-size:88%;margin:2em 0 1em;text-align:center}
.optionTabs .optionArea DIV.table{margin-top:0}
DIV.table CAPTION{border-top:1px solid gray;font-weight:700;line-height:1.4;padding:5px;text-align:left}
SPAN.tableNumber{display:block}
DIV.table TH, DIV.table TD{font-weight:400;line-height:1.2;padding:3px;vertical-align:bottom}
DIV.table THEAD TR{background-color:transparent}
DIV.table THEAD TH{border:1px solid gray!important;text-align:right}
DIV.table THEAD TH.stubHeading{text-align:left}
DIV.table THEAD TH.spanner{text-align:center}
DIV.table TBODY TH.stub,DIV.table TH.stub0,DIV.table TH.stub1,DIV.table TH.stub2{border:none;padding-right:1em;text-align:left;white-space:nowrap}
DIV.table TH.stub1{padding-left:1.5em}
DIV.table TH.stub2{padding-left:3em}
DIV.table TH.wwrap{white-space:normal}
DIV.table TH.panel{border:none;font-style:italic;font-weight:700;padding:2em 0 0;text-align:center}
DIV.table TD{border:none;text-align:right;vertical-align:bottom}
DIV.table .firstNote,DIV.table .note,DIV.table .lastNote,DIV.table .onlyNote{font-size:95%;line-height:1.4;padding:.5em 0;text-align:left}
DIV.table .firstNote, DIV.table .onlyNote{border-top:1px solid gray}
DIV.table .lastNote, DIV.table .onlyNote{border-bottom:1px solid gray}
DIV.table TD.center{text-align:center}
TABLE.textTable TBODY TH, TABLE.textTable TBODY TD{padding-right:1em;text-align:left;vertical-align:top}
TR.topPad1>TH, TR.topPad1>TD{padding-top:1em}
DIV.altTable{font-size:75%;margin:0 0 .5em}
DIV.altTable TABLE{margin:auto}
DIV.altTable TABLE CAPTION{border:0!important;clip: rect(1px,1px,1px,1px);height: 1px!important;overflow: hidden;padding: 0!important;position: absolute!important;white-space: nowrap!important;width: 1px!important;} /*from Phoneix visually-hidden */
DIV.altTable TBODY TH.stub,DIV.altTable TH.stub0,DIV.altTable TH.stub1,DIV.altTable TH.stub2{padding-right:0;white-space:normal}
DIV.altTable TBODY{border-bottom:1px solid gray}
A.altToggle {font-style:italic}
DIV.optionArea DIV.table CAPTION{border-top:none;font-size:105%}
/* RESEARCH SUMMARIES */
BODY.RS .column-8 P, BODY.RS .column-4 P{margin-bottom:.5em;padding-left:.7em}
BODY.RS P.keyPoint{border-left:2pt solid #ccc;font-weight:700;line-height:1.4;margin-top:2em;padding-left:.5em}
BODY.RS P.keyPoint:first-of-type{margin-top:0}
BODY.RS .column-4{font-size:90%;margin:0 0 0 2%;padding-left:.5em}
BODY.RS .column-4 H4:first-of-type{margin-top:0}
BODY.RS .column-4 P{line-height:1.45}
BODY.RS .column-4 UL{padding-left:1.5em}
BODY.RS .column-4 .notes{font-size:88%;margin:5em 0 0 .25em}
BODY.RS .column-4 .notes .footnotes{margin-left:.8em;text-indent:-.8em}
BODY.RS SUP A DIV{background:#f7f2c8;color:#000;cursor:default;display:none;height:auto;line-height:1.4;position:absolute;text-decoration:none;z-index:999}
BODY.RS SUP A DIV{bottom:1em;font-size:110%;right:-3em;width:22em}
BODY.RS SUP A DIV EM{display:block;font-style:normal;padding:10px}
/* RETIRE SECURITY */
.handwriting{font-family:'Segoe Print','Kalam',cursive}
.INCOME H3, UL.basicsList.Inc LI{background-color:#009245}
.EXPENSE H3, UL.basicsList.Exp LI{background-color:#c1272d}
.INCOME H4{border-color:#009245;color:#009245}
.EXPENSE H4{border-color:#c1272d;color:#c1272d}
.INCOME H5{color:#009245}
.EXPENSE H5{color:#c1272d}
.INCOME HR{background-color:#009245;height:1px;border:0}
UL.basicsList{padding-left:0}
UL.basicsList LI{color:#fff;list-style:none;padding:.2em .4em}
UL.basicsList LI A{color:#fff;display:block}
UL.basicsList LI A:hover, UL.basicsList LI A:focus, UL.basicsList LI A:active{color:#ff0}
/* GLOBAL */
A.reverseColor{color:#fffbda}
A.reverseColor:hover, BODY.RS A.reverseColor:focus, BODY.RS A.reverseColor:active{color:#ff9}
.nonbold{font-weight:400}
.maroon{color:#a8171a}
.navy{color:#3c3d9e}
.m-visible{display:none}
@media print{#utilitiesORP, .breadORP, .rMenuBtn, .tabsORP, .leftNav{display:none}H3{padding-top:1em}A{padding-right:0!important}IMG{max-height:inherit}DIV.scrollChart{overflow:visible!important}}
@media (min-width: 47.51em){BODY{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-width:980px}}
@media (max-width: 47.5em){#subscribeORP, .breadORP, .projection THEAD, .tabsORP{display:none!important}
#content{padding-top:1em}
.column-3{order:2;-ms-flex-order:2;-webkit-order:2}
.column-9{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
#footer H4{border:none}
.navRight{margin-left:0}
#utilitiesORP{position:relative;top:-.5em!important}
#utilitiesORP UL LI#printORP{margin-right:0}
.category-box{font-size:90%}
.proposal-box{font-size:90%;padding-left:.5em;text-indent:0}
BODY.FS H3{border:none;margin:.5em 0 0}
BODY.FS H3:after{content:':'}
BODY.FS H4{margin:.5em 0 .1em;padding-right:0}
BODY.RS H3{margin:.75em 0 0;padding-right:0}
BODY.PPO H3+P{margin-top:0}
BODY.PPO H4{border-bottom:1px solid #999}
BODY.RS .column-4{padding-left:0}
BODY.RS .column-4 .notes{margin:2em 0}
.dateORP, .noNextDate, .datePP, .dateRS{display:block;float:none;margin-bottom:0;padding-bottom:1em;top:0}
.dateRS{padding-bottom:1.5em}
.compare, .details{float:none;padding:.1em .5em;text-align:left}
.compare{background-color:#f1d8d7;border:1px solid #d78e8b;margin:-.5em 0 3em}
.details{border:1px solid #8ed3f0;margin:0 0 1em!important}
.details, .ORPblue, .ORPgreen, .ORPpurple, .ORPyellow{background-color:#e8f6fc}
.factsheet{background:none;padding:0}
#related{border:1px solid #8ed3f0;width:auto}
.overlayORP, .scrolledORP{bottom:auto;position:relative}
.centerC, .leftC, .rightC, .ORP-columns{float:none;margin-top:2em;width:98%}
DIV.table{display:block;overflow-x:hidden;overflow-y:hidden}
DIV.scrollChart, DIV.svgChart, DIV.table TABLE{display:block;overflow-x:auto;overflow-y:hidden;padding-bottom:.5em}
DIV.scrollChart, DIV.svgChart{overflow-x:scroll}
DIV.svgChart IMG{width:auto}
DIV.scrollInstruct:before{background-color:#336;color:#fff;display:block;line-height:1.2;margin-bottom:.5em;padding:0 .1em .2em;text-align:center}
DIV.table.scrollInstruct:before{content:'Scroll table left to see all content';font-size:1.1em}
DIV.scrollChart.scrollInstruct:before, DIV.svgChart.scrollInstruct:before{content:'Scroll chart left to see all content';font-size:.9em}
DIV.chart DIV.title + DIV.scrollChart.scrollInstruct:before{margin-top:1em}
.projection{font-size:90%}
.projection TABLE{background:none}
.projection TBODY, .projection TH, .projection TD, .projection TR{display:block}
.projection TR{border:1px solid silver!important;margin-bottom:1.5em}
.projection TH.stub{padding:.5em;border:none}
.projection TH.stub:before{color:#7a0300;content:"PROPOSAL:";display:block;font-weight:700;padding-right:.5em}
.projection TD{border:none;border-bottom: 1px solid #eee;position:relative;padding-left:55%;text-align:left}
.projection TD:before{position:absolute;left:6px;width:50%;padding-right:10px}
.projection TD:nth-of-type(1):before{content:"Start/end date(s): "}
.projection TD:nth-of-type(2):before{content:"Proposed by: "}
.projection TD:nth-of-type(3):before{content:"Projected effects on beneficiaries in: "}
.projection TD:nth-of-type(3), .projection TD:nth-of-type(4){padding-bottom:1.75em}
.projection TD:nth-of-type(4):before{content:"Projected effects on trust funds: "}
.optionTabs UL.optionTabsNav{background-color:#f1d8d7;border:1pt solid #d78e8b;margin-bottom:1em;padding:.3em .6em .6em}
.optionTabs UL.optionTabsNav:before{content:"Select a table to display below:";font-weight:700}
.optionTabs UL.optionTabsNav LI{background:none;border:none;border-radius:0;float:none}
.optionTabs UL.optionTabsNav LI.activeTab{background-color:none;padding-bottom:0}
.optionTabs UL.optionTabsNav LI:before{padding-left:.6em}
.optionTabs UL.optionTabsNav LI:nth-of-type(1):before{content:"Table 1. ";margin-top:.6em}
.optionTabs UL.optionTabsNav LI:nth-of-type(2):before{content:"Table 2. "}
.optionTabs UL.optionTabsNav LI:nth-of-type(3):before{content:"Table 3. "}
.optionTabs UL.optionTabsNav LI:nth-of-type(4):before{content:"Table 4. "}
.optionTabs UL.optionTabsNav LI:nth-of-type(5):before{content:"Table 5. "}
.optionTabs UL.optionTabsNav LI DIV.optionCategory{font-weight:400;padding-left:0}
.optionTabs UL.optionTabsNav LI DIV.optionCategory A{color:#15c}
.optionTabs UL.optionTabsNav LI DIV.optionToggle{padding-left:1em}
.optionTabs .optionTabsPanel{background:none;border:none;padding:1em 0 0}
.width-50{width:auto}
.m-visible{display:inherit}
}
Reference in a new issue View git blame Copy permalink