/* Eventually, once all of the UNIVERSAL features have been removed from all of the OTHER STYLE SHEETS, this "- - MOST-of-default-settings.css" file s/b all that is needed in each topic file except for a file that may specify a SPECIAL COLOR SELECTION for that particular topic file. this should be my FIRST (default) style sheet for ALL of the topic files, in order to set universal standards for those files, followed ONLY by a CUSTOMIZED style sheet to set the settings required by THAT particular topic page, such as a background URL, and color of backgraounds, and text- color, which, as the final "cascading" style sheet, will OVERIDE any matching items that may have PRECEDED that style sheet. */ /* "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)s and the INSIDE WALLS (of a Table or box that we create, and then situate by setting that box's OUTSIDE "margins"and it's INSIDE "paddings".) */ /* default font-size: for Body = .8em; or 17px; for Titles[Th] = 1.2em; or 19px; for H2 = 1em; or 18px; for H3 = 1em; or 17px; for H5 & H6 = .8em; or 16px; */ { P.Introduction-box { margin-left:6%; width:288px; background-color: thistle; color:purple; Font-size:16px; text-align:center; font-style: italic; padding: 9px; } Body { margin:10px auto 10px auto; width:800px; background-color:lightyellow; padding-left:7%; padding-right:7%; /* border-style:ridge; border-left-width:11px; border-top-width:11px; border-top-color:silver;border-left-color:silver; border-right-color:silver; border-bottom-color:silver; border-right-width:13px; border-bottom-width:13px; border-right-color:silver; border-bottom-color:silver; */ scroll-padding-right: 1%; } /* px = is needed for the padding-bottom: because the length of each page can vary too much for something like a 5% to work well. */ Table.Title { margin:10px auto 10px auto; text-align:center; font-size:20px; font-style:italic; line-height:1.3; padding-top:6%; padding-bottom:4%; padding-left:8%; padding-right:8%; } Table.First /* [Table class="First" = invisible ] */ { margin-left: auto; margin-right: auto; width;88%; background-color: color: darkblue; font-size:20px; padding-top:3%; padding-bottom:3%; padding-left:7%; padding-right:7%; } Table.Other /* [Table class="Other" for additional tables after ] */ { margin-left:9; text-align:center; font-size:20px; line-height:1.3; background-color:white; padding:2%; /* on ALL sides */ } TH { border-style:ridge; border-left-width:15px; border-top-width:15px; border-bottom-width:17px; border-right-width:17px; } TD { border-style:ridge; border-left-width:15px; border-top-width:15px; border-bottom-width:17px; border-right-width:17px; padding-top:3%; padding-bottom:3%; padding-left:6%; padding-right:6%; } /* unvisited link or BEFORE-visit-link */ before-click { background-color: cyan;color:darkblue; font-style:italic; line-height:1.3 } /* unvisited or BEFORE-visit-link */ a:link { background-color: cyan;color:darkblue; font-style:italic; line-height:1.3; text-decoration:underline; } BEFORE-visit-link { background-image: url("https://www.liberalslikechrist.org/javamenu/BG-link.gif");;color:darkblue; font-style:italic; line-height:1.3; text-decoration:underline; } a:hover { background-image: url("https://www.liberalslikechrist.org/javamenu/BG-link.gif");color: red; text-decoration:underline; font-style:italic; line-height:1.3; } /* a:visited or a:upon-visit WHILE a link is being VISITED (Mouse HOVERING OVER" a link. */ while-hovering { background-image: url("https://www.liberalslikechrist.org/javamenu/BG-link.gif");color: red; font-style:italic; line-height:1.3; text-decoration:underline; text-decoration:bold; } a:hover { background-image: url("https://www.liberalslikechrist.org/javamenu/BG-link.gif");color: red; font-style:italic; line-height:1.3; text-decoration:underline; text-decoration:bold; } /* after-visit AFTER links have been VISITED, my "a:visited" preference is to have LINKS stay underlined, but with white background and the text-color changed to violet color : */ a:active { background-image: url("https://www.liberalslikechrist.org/javamenu/BG-link.gif");color: violet; font-style:italic; line-height:1.3; text-decoration:underline; } after-visit { background-image: url("https://www.liberalslikechrist.org/javamenu/BG-link.gif");color: violet; font-style:italic; line-height:1.3; text-decoration:underline; } H1 { font-size:19px; } H2 { margin:10px auto 10px auto; width:555px; padding-top:18px; padding-bottom:18px; padding-left:33px; padding-right:33px; } H3 { text-align:center; font-size:17px; line-height:1.1; font-style:italic; border-style:ridge; border-left-width:11px; border-top-width:11px; border-right-width:0px; border-bottom-width:0px; padding-top:18px; padding-bottom:18px; padding-left:33px; padding-right:33px; } H4 /* for Bottom box on most pages */ { } H5 { border-style:ridge; border-top-width:11px; border-right-width:9px; padding:1%; /* on ALL sides */ } H6 /* for TESTIMONIAL box */ { border-style:ridge; border-top-width:5px; border-top-color:pink; border-left-width:5px; border-left-color:pink; border-right-width:9px; border-right-color:purple; border-bottom-width:9px; border-bottom-color:purple; padding-top:3%; padding-bottom:3%; padding-left:4%; padding-right:4%; } H7 { margin:10px auto 10px auto; width:233px; border-style:ridge; padding-top:1%; padding-bottom:1%; padding-left:2%; padding-right:2%; } P.Indented { text-indent: 60px; max-width:88%; font-size:17px; text-align: justify; font-family: BlackChancery, American Text B; padding:9%; } P.Book-box /* [P class="Book-box" for comments by Ray] */ { margin-left: auto; margin-right: auto;max-width:444px; background-color:thistle; color:maroon; Font-size:18px; text-align:center; font-style: italic; font-weight: bold; border-style:ridge; border-top-width:15px; border-left-width:15px; border-right-width:16px; border-bottom-width:16px; padding: 7px;} P.Book-box /* [P class="Book-box" for comments by Ray] */ { margin-left: auto; margin-right: auto;max-width:577px; p-class:Indented; background-color:thistle; color:black; Font-size:18px; text-align: justify; border-style:ridge; border-width:13px; padding: 30px; } Dir { text-indent: 55px; max-width:66%; font-size:16px; text-align: justify; font-family: BlackChancery, American Text B; padding-left:9%; padding-right:9%; } P.Jesus { text-indent: 55px; max-width:71.1%; padding-left: 2%; padding-right: 2%; text-align:justify; font-family: Black Chancery, American Text B; font-size:17px;font-style:italic; color: maroon; } P.Paul { text-indent: 55px; max-width:71.1%; padding-left: 2%; padding-right: 2%; text-align:justify; font-family: Black Chancery, American Text B; font-size:17px;font-style:italic;color:darkgreen; } P.Bible { text-indent:40px; max-width:71.1%; text-align:justify; font-family: Black Chancery, American Text B; font-size:17px;font-style:italic;color: purple; } UL { 16px text-align:justify; max-width:71.1%; list-style-position: outside; text-indent:11px; text-align: justify; list-style-image: url("https://www.liberalslikechrist.org/javamenu/BlueArrowOnCreamBG.jpg"); font-size:17px; max-width:71.1%; } /* 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"); font-size:17px; max-width:71.1%; } UL.cyan-cream /* [ UL class="cyan-cream" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnCreamBG.png"); font-size:17px; max-width:71.1%; } UL.cyan-fog /* [ UL class="cyan-fog" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnFogBG.png"); font-size:17px; max-width:71.1%; } UL.cyan-gray /* [ UL class="cyan-gray" ] */ { list-style-image: url("../javamenu/CyanArrowOnGrayBG.png"); font-size:17px; max-width:71.1%; } UL.cyan-plum /* [ UL class="cyan-plum" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnPlumBG.png"); font-size:17px; max-width:71.1%; } UL.cyan-red /* [ UL class="cyan-red" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnRed.png"); font-size:17px; max-width:71.1%; } UL.cyan-fog /* [ UL class="cyan-fog" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnFogBG.png"); font-size:17px; max-width:71.1%; } UL.cyan-pink /* [ UL class="cyan-pink" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/CyanArrowOnPinkBG.png"); font-size:17px; max-width:71.1%; } UL.cyan-white /* [ UL class="cyan-white" ] * { list-style-image: url("https://www.liberalslikechrist.org/javamenu/Cyan-Arrow-on-White-BG.png"); font-size:17px; max-width:71.1%; } UL.ppl-white /* [ UL class="ppl-white" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/Ppl-Arrow-on-White-BG.png"); font-size:17px; max-width:71.1%; } UL.ppl-pink /* [ UL class="ppl-pink" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/PPLarrowOnPinkBG.png"); font-size:17px; max-width:71.1%; } UL. /* [ UL class="ppl-cyan" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/PPLarrowOnCyanBG.png"); font-size:17px; max-width:71.1%; } UL.ppl-azure /* [ UL class="ppl-azure" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/PPL-arrow-CyanBG.png"); font-size:17px; max-width:71.1%; } UL.white-red /* [ UL class="white-red" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/WhiteArrowOnRedBG.png"); font-size:17px; max-width:71.1%; } UL.white-ppl /* [ UL class="white-ppl" ] */ { list-style-image: url("https://www.liberalslikechrist.org/javamenu/white-ppl.png"); font-size:17px; max-width:71.1%; } OL { list-style-position: inside; max-width:90%; text-indent:36px; font-size:17px; text-align: justify; } P.PPL /* [P class="PPL"] */ { margin-left:8%; margin-right:40%; background-color:purple; color:yellow; text-align: center; font-size:.16px; font-style: italic; font-weight: bold; line-height: 1.3; border-top-width: 9px; border-right-width: 9px; border-bottom-width: 14px; border-bottom-color: purple; border-right-width: 14px; border-right-color: purple; padding: 28px; }