/*
Skins: | /home/jihswbiz/public_html/css/skins.css | Updated: | 20 Mar 2021 15:25:14 | Skin ID: | |
---|---|---|---|---|---|
Style: | /home/jihswbiz/public_html/css/styles.css | Updated: | 20 Mar 2021 16:17:46 |
$color01 | = | #FFFFFF (White) | |
$color02 | = | #DDDDDD | |
$color03 | = | #BBBBBB | |
$color04 | = | #777777 | |
$color05 | = | #000000 (Black) | |
$colorBackground | = | #FFFFFF (White) | |
$colorFooterHdrBackground | = | #DDDDDD | |
$colorFieldHdrBackground | = | #DDDDDD | |
$colorFieldBackground | = | #777777 | |
$colorFooterForeground | = | #777777 | |
$colorFieldHdrForeground | = | #FFFFFF (White) | |
$colorOutsideBackground | = | #777777 | |
$colorA | = | #006600 | |
$colorAVisited | = | #9933FF | |
$colorAHover | = | #FF0000 (Red1) | |
$colorText | = | #000000 (Black) | |
$colorBorder | = | #000000 (Black) | |
$colorButtonDownText | = | #DDDDDD | |
$colorSymbol | = | #FF0000 (Red1) | |
$colorTitle | = | #000000 (Black) | |
$colorShadow | = | #BBBBBB | |
$fontMain | = | Verdana | |
$fontAlt | = | "Helvetica Neue", Helvetica, Arial, clean, sans-serif | |
$fontCode | = | "Courier New", Courier, Fixed | |
$buttonUp | = | ../images/button.png | |
$buttonDown | = | ../images/button-down.png | |
$bodyImage | = | none | |
$footerHeight | = | 27px | |
$borderRadius | = | 10px | |
$imageForm | = | none | |
$imagePage | = | none | |
$colWidLeft | = | 232 | |
$colWidRight | = | 200 |
/* Styles.css Version 2021-03-20 */ /* Saw these cool syntaxes: top: calc(50% - 175px); -- in-line css calculator <img src="..." onload="this.width/=12;"> -- reduces the image to 1/12 it's actual size */ /* body */ html { height: 100%; } /* footer at bottom */ body { color: #000000; font-family:Verdana; font-size:10pt; background-color: #FFFFFF; background-attachment: fixed; background-image: none; background-repeat: no-repeat; margin:0; padding:0; line-height: 1.5em; overflow:auto; border-radius: 10px; } body { height: 100%; } /* footer at bottom */ /*body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } Opera fix */ /* headers */ h1 { color:#000000; } h1 { font-size: 1.7em; font-weight: bold; text-align: center; margin-bottom: 0.1em; } h2 { font-size: 1.1em; font-weight: bold; color:#000000; text-align: center; margin-bottom: 0.5em 0; text-decoration: underline; } h3:before { color: #006600Hover; content: ".:: "; } h3:after { color: #006600Hover; content: " ::."; } h3 { margin: 1em 0 0 0; text-align: left; } h4 { margin: 0.5em 0; text-align: left; font-weight: bold; font-variant: small-caps; font-size: 1.1em; } h5 { background-color: rgba(255,255,255,0.40); } /* linking (link & visited, THEN hover THEN active) */ a:link { color: #006600; } a:visited { color: #006600Visited; background: url(../images/link.gif) repeat-x 100% 100%; text-decoration: none; } a:hover { color: #006600Hover; text-decoration: underline overline; font-variant: small-caps; } a:active { color: #006600; position: relative; top: 1px; } a[href $='.doc'] { padding: 0 0 0 25px; background: transparent url(/images/icon_word.gif) no-repeat center left; } a[href $='.pdf'] { padding: 0 0 0 25px; background: transparent url(/images/icon_pdf.gif) no-repeat bottom left; } a[href $='.ppt'] { padding: 0 0 0 25px; background: transparent url(/images/icon_ppt.gif) no-repeat bottom left; } a[href $='.rtf'] { padding: 0 0 0 25px; background: transparent url(/images/icon_word.gif) no-repeat center left; } a[href $='.txt'] { padding: 0 0 0 25px; background: transparent url(/images/icon_txt.gif) no-repeat center left; } a[href $='.xls'] { padding: 0 0 0 25px; background: transparent url(/images/icon_excel.gif) no-repeat center left; } a[href *='gwilt.org'] { padding: 0 0 0 25px; background: transparent url(/images/icon-SteveFH-transparent.png) no-repeat 5px 0px; } a[href *='steve'] { padding: 0 0 0 25px; background: transparent url(/images/icon-Steve.bmp) no-repeat 5px 0px; } a[href *='praisehimwith'] { padding: 0 0 0 25px; background: transparent url(/images/icon-PCF-Graphic-transparent.png) no-repeat 5px 0px; } a[href *='pcf'] { padding: 0 0 0 25px; background: transparent url(/images/icon-PCF-Graphic-transparent.png) no-repeat 5px 0px; } a[href *='midweekworship'] { padding: 0 0 0 25px; background: transparent url(/images/icon-MWW.png) no-repeat 5px 0px; } .plainA { padding: 0!important; Background: none!important; } /* lists, etc */ li { margin: 5px 0; } ul li { list-style-type:none; } ul li:before { color: #006600Hover; content: "\25A0 \0020"; } ul ul li { margin-left: 1em; list-style-type:none; } ul ul li:last-child { margin-bottom: 15px; } ul ul li:before { color: #006600Hover; content: "\25D8 \0020"; } hr { border: 0; border-top: solid #000000 1px; } p { text-indent: 2em; } img { border: none; } /* tables */ table { background-color: #777777; color: #000000; font-family:Verdana; font-size:10pt; } thead { background-color: #DDDDDD; } th { border: 1px solid #000000; padding: 0 5px; background-color: #DDDDDD; text-align: center; vertical-align: bottom; } td { border: 1px solid #000000; padding: 0 5px; vertical-align: top; } td td { border: none; } td table { border: none; } .alt tr:nth-child(2n) { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } /* forms, buttons */ input[type="text"] { border: 1px solid #000000; margin: 2px 5px; padding-left: 5px; } input[type="text"]:hover { border: 1px solid #006600Hover; } input[type="text"]:focus { background-color: #DDDDDD; } input[type="password"] { border: 1px solid #000000; margin: 2px 5px; padding-left: 5px; } input[type="password"]:hover { border: 1px solid #006600Hover; } input[type="file"] { border: 1px solid #000000; margin: 2px 5px; padding-left: 5px; } input[type="file"]:hover { border: 1px solid #006600Hover; } input[type="radio"] { background-color: #DDDDDD; color: #006600Hover; } input[type="checkbox"] { background-color: #DDDDDD; color: #006600Hover; } select { margin: 2px 15px; padding-left: 5px; } textarea { border-radius: 10px; -moz-border-radius: 10px; border: solid #000000 1px; font: "Courier New", Courier, Fixed; } #bubox { width:350px; margin-left: auto; margin-right: auto; padding:10px; } a#bu { background-color:#FFFFFF; background-image: ../images/button.png; display: block; width: 104px; height: 34px; margin: 0 auto; font: bold 22px "Helvetica Neue", Helvetica, Arial, clean, sans-serif; color: white; text-decoration: none; text-shadow: 1px 1px 2px rgba(0,0,0,0.20); line-height:28px; text-align:center; } a#bu:hover { background-image: ../images/button-down.png; color: #DDDDDD; } /* boxed areas */ fieldset { font-family:Verdana; color: #000000; background-color:#777777; border-radius: 10px; border: solid #000000 1px; padding:0px; } legend { font-family:Verdana; font-size:1.2em; font-variant:small-caps; font-weight: bold; color: #000000; background-color:#777777; border-radius: 10px; border: solid #000000 1px; border-bottom:none; padding: 0 10px 0 10px; } .bubble fieldset { position:relative; padding: 0.5em 0; } .bubble legend { position: absolute; top: -0.75em; left: -0.43em; } .code { font: 1.1em "Courier New", Courier, Fixed; } code { background-color: #777777; padding: 0 5px; font: 1.1em "Courier New", Courier, Fixed; } .blockquote { background-color: #b9c2a8; padding: 20px; margin-top: 30px; border: none; } .literally { font-size: 11px; font-family: "Courier New", Courier, Fixed; padding: 0; margin: 20px; border-left: 1px solid #ccc; background: #777777; background-image: url(images/pre_code_bg.gif) repeat-y left top; line-height: 20px; width: 1200px; overflow: auto; overflow-Y:hidden; } /* page layout */ /* <page> <main> <header> </header> </main> </page> <footer> </footer> */ .page { margin: 0px; padding: 0px; min-height: 100%; } /* footer at bottom */ .main { overflow:auto; padding-bottom: 27px; } /* footer at bottom */ .main table { background-color: #DDDDDD; } /* box-shadow: 5px 5px 5px #BBBBBB; } /* hor vert [ blur [ spread ] (0=blur size) ] col */ .main td { border-radius: 10px; } /* header/footers */ .header { margin: 0px; padding: 0px; width:100%; color:#777777; background-image: linear-gradient(0deg, #FFFFFF, #777777 ); } .header img { height:8vh; } .header h1 { font-size:3em; } .header td { border:none; text-align:center; } #breadcrumb { background-color: #F0f2ec; font-style:italic; font: 1.5em; } #breadcrumb ul { margin:0;padding:0; list-style-type: none; padding-left: 1em; } #breadcrumb ul li { background: none; list-style-image: none; display:inline; padding: 0 3px 0 0; margin: 3px 0 0 0; } #breadcrumb ul li:before{ content: ''; } #breadcrumb a { background: none; text-decoration: none; color: #000000; } td #breadcrumb { vertical-align: bottom; text-align: left; } .footer { margin: 0px; padding: 0px; width:100%; color:#777777; background-color: #FFFFFF; /* old browsers */ background-image: linear-gradient( top, #FFFFFF, #777777 ); } .footer { position: relative; margin-top: -27px; height: 27px; clear: both; } /* footer at bottom */ .footer td { text-align:center; border: none; color: #006600Hover; } .footer table { padding-bottom: 5px; width:100%; } /* other formatting */ sup { vertical-align: super } .i { font-style:italic; } .s { text-decoration: line-through; } .nobdr { border: none; } .upper { text-transform: uppercase; } .lower { text-transform: lowercase; } .white { color: white; font-family:Verdana; font-size:10pt; } .red { color: red; font-family:Verdana; font-size:10pt; } .blue { color: blue; font-family:Verdana; font-size:10pt; } .green { color: green; font-family:Verdana; font-size:10pt; } /* other formatting */ .symbol { font-size:1.5em; color:#006600Hover; text-shadow: #000000 1px 1px 1px; } .footnote { font-size:75%; font-style:italic; } .new { color: red; font-family:Verdana; font-size:10pt; } .linky { color: #600; font-family:Verdana; font-size:10pt; font-variant:small-caps; } .lt { text-align: left; } .ct { text-align: center; margin-left: auto; margin-right: auto; } .rt { text-align: right; } .pTP { vertical-align: top; } .pMI { vertical-align: middle; } .pBT { vertical-align: bottom; } .pTL { vertical-align: top; text-align: left; } .pTC { vertical-align: top;text-align: center; margin-left: auto; margin-right: auto; } .pTR { vertical-align: top;text-align: right; } .pML { vertical-align: middle;text-align: left; } .pMC { vertical-align: middle;text-align: center; margin-left: auto; margin-right: auto; } .pMR { vertical-align: middle;text-align: right; } .pBL { vertical-align: bottom;text-align: left; } .pBC { vertical-align: bottom;text-align: center; margin-left: auto; margin-right: auto; } .pBR { vertical-align: bottom;text-align: right; } .bd { border: 1px solid #000000 } .bt { border-top: 1px solid #000000 } .br { border-right: 1px solid #000000 } .bb { border-bottom: 1px solid #000000 } .bl { border-left: 1px solid #000000 } .hidden { display: none; } .ft { font-weight:bold; font-size: 8pt; } .half-height { line-height: 50%; display: block; } .reddy { background-color: #FFB9B9; } /* clever transforms */ .opacity10 { filter: alpha(opacity=10); -moz-opacity: 0.10; opacity:0.1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); } .opacity40 { filter: alpha(opacity=40); -moz-opacity: 0.40; opacity:0.4; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); } .opacity60 { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity:0.6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .opacity90 { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); } /* flip horizontally or vertically */ .fh { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .fv { transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } /* rotate 90 clockwise */ .rotate90 { transform-origin: left top; transform: rotate(90deg) translate(0.5em,-1.5em); } /* 1-second CSS3 time transforms */ .timed1 { transition: all 1s; } @keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; }} .blink { text-decoration: blink; animation: blink 1s infinite; /* IE 10+, Fx 29+ */ }