/* This "+DefaultSettings4ALL.css" file s/b all that is needed in each topic file except for a file that may specify a A SPECIAL COLOR SELECTION forr that particular topic file. The ONLY difference between THIS and the corresponding "_LLC_GRY_Settings.css" s/b the "background-color:#FFE97A;" = lightGOLD vs "background-color:#D3D3D3; " = lightGRY */; /* Eventually, once all of the UNIVERSAL features have been removed from the "Body" section of all of the OTHER STYLE SHEETS, should become my FIRST (default) style sheet for ALL of the topic files in the a_Secular_Issue Directory, in order to set universal standards for the vast majority of files in each particular Directory, followed ONLY by a CUSTOMIZED stlye sheet if there are settings required by THAT particular topic html page. which, as the final "cascading" style sheet,will OVERIDE any matching items in the PREVIOUS style sheets.*/ /* "Margins" are the distance of a particular entity (Table or box) from the OUTSIDE WALLS (the start & end of the screen's window, " Paddings" are the distance between contents (such as a picture or text) and the INSIDE WALLS (of a Table or box that we create, and locate within the total screen by setting the whole box's "margins".) for TH = 22px; or 1.2em; for H2 = 20px; or 1.1em; for H3 = 19px; or 1em; for Body default= font-size:.8em; for , 5 & 6 = .7em; or .7em; */ Body { width:500px; font-size:1em; padding-top: 22px; padding-bottom: 33px; padding-left:1%; padding-right: 1%; } .wrapper /* This SHOULD cause lines to be restricted to the recommended typographical limit of some 77 characters per line BUT it's only a promise at this point!!! */; { max-width: 555px; padding-right: 10px; padding-left: 10px; } /* BEFORE anything happens, my "a:link" preference is to have LINKS underlined, with a lightblue background and a darkblue (FONT) color */ a:link { background-color:lightblue; color:darkblue; text-decoration:underline; } /* AFTER links have been VISITED, my "a:visited" preference is to have LINKS stay underlined, but with no background and the text-color changed to violet a darkblue (FONT) color : */ a:visited { text-decoration:underline; color:violet; } /* WHILE a link is being VISITED */ a:hover { background-color:lightgreen; color:darkgreen;text-decoration:bold; } /* WHEN HOVERING OVER a link. */ a:active { background-color:hotpink; } /* WHEN a link is being CLICKED */ Table /* These settings apply to the TABLE AS A WHOLE. */; { margin:10px auto 10px auto; width:33%; } Table.Google /* [Table class="Google"] */ { border-width:4px; border-style:ridge; border-color:violet; padding:5; } TH { margin:10px auto 10px auto; text-align:center; text-align:center; line-height:1.2; font-size:26px; font-style:italic; border-top-width:22px; border-top-style:ridge; border-left-width:22px; border-left-style:ridge; border-bottom-width:22px; border-bottom-style:ridge; border-right-width:22px; border-right-style:ridge; } H1 /* Larger size font */ { font-size:LARGER; line-height:LARGER; } H2 { max-width: 555px; padding-left:13%; padding-right:13%; margin:10px auto 10px auto; text-align:center; font-style:italic; font-size:1.1em; border-top-width:11px; border-top-style:ridge; border-left-width:8px; border-left-style:ridge; padding-top:16px; padding-bottom:16px; padding-left:4%; padding-right:4%; } H3 { margin-left:3px; text-align:center; width:299px; font-size:1em; font-style:italic; border-top-width:9px; border-top-style:ridge; border-left-width:9px; border-left-style:ridge; padding-top:11px; padding-bottom:5px; padding-left:11px;padding-right:5px; /*There are no right or bottom borders to this box style */; } H4 /* for Bottom box on most pages */ { margin:10px auto 10px auto; width:303px; font-size:.7em; font-style:italic; text-align:center; line-height:1.2; border-top-width:10px; border-top-style:ridge; border-left-width:10px; border-left-style:ridge; border-bottom-width:10px; border-bottom-style:ridge; border-right-width:10px; border-right-style:ridge; padding-top:22px; padding-bottom:22px; padding-left:8px; padding-right:8px; } H5 /*There are no right or top borders to this box style */; { margin-left:74%; text-align:center; width:194px; font-size:.7em; font-style:italic; line-height:1; border-bottom-width:0px; border-bottom-style:ridge; border-left-width:0px; border-left-style:ridge; padding-top:11px; padding-bottom:9px; padding-left:3%; padding-right:3%; } H6 /* for TESTIMONIAL box */ { margin:10px auto 10px auto; max-width: 555px; padding-left: 10px; padding-right: 10px; font-size: .7em; font-style:italic; text-align:justify; line-height:1.1; border-top-width:7px; border-top-style:ridge; border-left-width:9px; border-left-style:ridge; padding-top:11px; padding-bottom:12px; padding-left:3%; padding-right:3%; HR { margin:10px auto 10px auto; width:66%; } P.Indented { text-indent:55px; text-align:justify; max-width: 555px; padding-left:3%; padding-right:3%; font-family:BlackChancery, American Text B; } UL /* I have purposely removed the [UL] tag here, because I don't want anything to override the special UL's that I have placed in the GLD vs the GRY CSS files */ { list-style-position:outside; text-indent:11px; text-align:justify; font-size:.8em; max-width: 555px; padding-left:9%; padding-right:3%; } /* Various List icons with Background-colors that match the ones where they are placed */ UL.cyan-gold /* [UL class="cyan-gold"] */ { list-style-image:url("../javamenu/CyanArrowOnGoldBG.png"); } UL.cyan-cream /* [UL class="cyan-cream"] */ { list-style-image:url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnCreamBG.png"); } UL.cyan-fog /* [UL class="cyan-fog"] */ { list-style-image:url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnFogBG.png"); } UL.cyan-gray /* [UL class="cyan-gray"] */ { list-style-image: url("../javamenu/CyanArrowOnGrayBG.png"); } UL.cyan-plum /* [UL class="cyan-plum"] */ { margin-left:1px; margin-right:1px; list-style-position:inside; text-indent:2px; text-align:justify; list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnPlumBG.png"); } UL.cyan-red /* [UL class="cyan-red"] * { list-style-image:url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnRedBG.png"); } UL.white-red /* [UL class="white-red"] */ { list-style-image:url("https://www.liberalslikechrist.org/javamenu/WhiteArrowOnRedBG.png"); } UL.cyan-fog /* [UL class="cyan-fog"] */ { list-style-image:url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnFogBG.png"); } UL.cyan-pink /* [UL class="cyan-pink"] */ { margin-left:1px; margin-right:1px; list-style-position:outside; text-indent:9px; font-size:13px; text-align:justify; list-style-image:url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnPinkBG.png"); } UL.ppl-pink /* [UL class="ppl-pink"] */ { margin-left:1px; margin-right:1px; list-style-position:outside; text-indent:9px; font-size:13px; text-align:justify; list-style-image:url("https://www.liberalslikechrist.org/javamenu/PPLarrowOnPinkBG.png"); } UL.ppl-cyan /* [UL class="ppl-cyan"] */ { margin-left:1px; margin-right:1px; list-style-position:outside; text-indent:9px; font-size:13px; text-align:justify; list-style-image:url("https://www.liberalslikechrist.org/javamenu/PPLarrowOnCyanBG.png"); } OL { list-style-position:inside; text-indent:11px; text-align:justify; font-size:.8em; max-width: 555px; padding-left:9%; padding-right:3%; { text-indent:9px; 13px; text-align:justify; } } OL.H /* [OL class="H"] unjustified for list of short items */ { margin-left:8px; margin-right:8px; list-style-position:inside; } P.Jesus { text-indent:40px; text-align:justify; font-family:Black Chancery, American Text B; font-style:italic; } P.Paul { text-indent:40px; text-align:justify; font-family:BlackChancery, American Text B; font-style:italic; } P.Bible { text-indent:40px; text-align:justify; font-family:BlackChancery, American Text B; font-style:italic; } P.Ray { text-indent:40px; text-align:justify; font-size:.7em;font-family:BlackChancery, American Text B; } P.Rand { text-indent:40px; text-align:justify; font-family:Black Chancery, American Text B; /* a variety of boxes & font colors /* } P.Book-box /* [P class="Book-box" for comments by Ray] */ { margin-left:4%; margin-right:4%; background-color:lightyellow; color:black text-indent:55px; text-align:justify; line-height:1.1; padding:33px; border-top-width:11px; border-top-style:ridge; border-top-color:white; border-left-width:11px; border-left-style:ridge; border-bottom-color:white; border-bottom-width:11px; border-bottom-style:ridge; border-bottom-color:white; border-right-width:11px; border-right-style:ridge; border-right-color:white; } P.Franz-box /* [P class="Franz-box" for Franz quotes ] */ { margin-left:22%; margin-right:1%; background-color:lightyellow; color:darkblue; text-indent:55px; font-style:italic; text-align:justify; font-size:.8em; line-height:1.1; padding:38px; border-top-width:11px; border-top-style:ridge; border-top-color:white; border-right-width:14px; border-right-style:ridge; border-right-color:darkblue; border-left-width:11px; border-left-style:ridge; border-bottom-color:darkblue; border-bottom-width:14px; border-bottom-style:ridge; border-bottom-white:; } P.RCA-hierarchy /* [P class="RCA-hierarchy" for hierarchy quotes ] */ { margin-left:2%; margin-right:22%; background-color:plum; color:purple; text-indent:55px; font-style:italic; text-align:justify; font-size:19px; line-height:1.1; padding:38px; border-top-width:14px; border-top-style:ridge; border-top-color:purple; border-top-width:11px; border-top-style:ridge; border-top-color:white; border-left-width:11px; border-left-style:ridge; border-bottom-color:white; border-right-width:14px; border-right-style:ridge; border-right-color:purple; } P.BLK-box /* [P class="BLK-box" for ] */ { margin-left:30%; margin-right:2%; background-color:cream; color:black; text-indent:40px; text-align:justify; font-size:14px; line-height:1.1; padding:44px; border-top-width:9px; border-top-style:ridge; border-top-color:white; border-left-width:9px; border-left-style:ridge; border-bottom-color:white; border-bottom-width:14px; border-bottom-style:ridge; border-left-color:blue; border-right-width:14px; border-right-style:ridge; border-right-color:blue; } P.BLU /* [P class="BLU"] words on a lightyellow bg boxed */ { margin-left:8%; margin-right:40%; background-color:BLUE; color:yellow; text-align:center; font-size:1.1em; font-style:italic; font-weight:bold; line-height:1.3; border-top-width:9px; border-top-style:ridge; border-left-width:9px; border-left-style:ridge; border-bottom-width:14px; border-bottom-style:ridge; border-bottom-color:purple; border-right-width:14px; border-right-style:ridge; border-right-color:purple; padding:28px; font-size: .7em; font-style:italic; font-weight:bold; font-weight:bold; line-height:1.1; } P.PPL /* [P class="PPL"] */ { margin-left:8%; margin-right:40%; background-color:purple; color:yellow; text-align:center; font-size:1.1em; font-style:italic; font-weight:bold; line-height:1.3; border-top-width:9px; border-top-style:ridge; border-left-width:9px; border-left-style:ridge; border-bottom-width:14px; border-bottom-style:ridge; border-bottom-color:purple; border-right-width:14px; border-right-style:ridge; border-right-color:purple; padding:28px; font-size: .7em; font-style:italic; font-weight:bold; font-weight:bold; line-height:1.1; } P.RED /* [P class="RED"] */ { margin-left:16%; margin-right:16%;background-color:lightyellow; text-align:justify; text-indent:44px; font-family:Black Chancery, American Text B; font-size:19font-size:19px; font-style:italic; font-weight:bold; line-height:1.1; color:maroon; border-top-width:7px; border-top-style:ridge; border-top-color:white; border-left-width:9px; border-left-style:ridge; border-left-color:white; border-bottom-width:11px; border-bottom-style:ridge; border-bottom-color:maroon; border-right-width:9px; border-right-style:ridge; border-right-color:maroon; padding:28px; /* ------- on ALL sides ------- */ }