/* Colors: Background: #f2f2f3 (pale gray) Background offset: #e5e5e6 (light gray) blue: #25aee2 green: #8cc63e gray: #77787b Fonts: Poppins (Google Font) Needs in every " " */ /* reset for browser consistency */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; cursor:default; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ************************************************************************* */ body { background-color:#f2f2f3; font-family:"Poppins"; } h1 { display:block; font-size:1.4em; font-weight:600; color:black; } h2 { display:inline-block; font-size:1.6em; font-weight:600; color:black; } h3 { display:inline-block; font-size:1.2em; font-weight:600; color:black; } .text { display: inline-block; font-size:1em; font-weight:400; color:#77787b; } .name { display: inline-block; font-size:1em; font-weight:400; color:#77787b; cursor:pointer; } .name:hover { color:black; } .GoTobox { font-size:1em; font-weight:400; color:#77787b; cursor:pointer; } .GoTobox:hover { color:black; } .headline { display: inline-block; font-size:1em; font-weight:400; color:#77787b; cursor:pointer; } .headline:hover { color:black; } .entry_headline { color: #77787b; font-style: italic; } ul.headlines { list-style-image: url('/FI/Bullet.png'); list-style-type: disc; list-style-position:inside; text-align:left; } li.headlines { color:#77787b; padding-top:10px; cursor:pointer; } li.headlines:hover { color:black; } .Nav_button { display:inline-block; font-size:.8em; font-weight:500; padding: 3px 15px; color:white; border-radius:4px; text-align:center; cursor:pointer; position:absolute; } .GoTo { cursor:pointer; } .Folder { display:inline-block; background-color:#77787b; padding:7px 15px; color:white; border-right:1px solid; border-right-color:#8a8b8f; cursor:pointer; } .Folder:hover { background-color:#8a8a8f; } .Title { display:block; font-size:1.25em; font-weight:600; background-color:#8cc63e; padding:20px 0px; color:white; border-radius:2px; width:260px; text-align:center; } .Title-B { display:block; font-size:1.25em; font-weight:600; background-color:#8cc63e; padding:20px 0px; color:white; border-radius:2px; width:260px; text-align:center; border:3px solid; border-color:#77787b; } .Rect_button { display:inline-block; font-size:.8em; font-weight:500; background-color:#25aee2; padding:5px; color:white; border-radius:2px; cursor:pointer; line-height:1em; } .Round_button { display:inline-block; font-size:1em; font-weight:500; background-color:#25aee2; padding:5px; min-width:100px; color:white; border-radius:20px; text-align:center; cursor:pointer; line-height:1em; } .CP_button { display:inline-block; font-size:.8em; font-weight:400; background-color:#25aee2; color:white; border-radius:4px; border:1px solid; border-color:white; padding:5px 5px; margin:8px 5px; cursor:pointer; } .User { font-weight:500; color:#77787b; text-align:center; font-size:1em; } .CPerson { display:block; font-size:1em; font-weight:400; background-color:#8cc63e; color:white; border-radius:10px; border:2px solid; border-color:white; text-align:center; padding: 10px; } .CRelation { font-size:.9em; font-style:italic; margin-top:2px; } .outline { text-shadow: 1px 1px 0 #77787b,-1px -1px 0 #77787b, 1px -1px 0 #77787b, -1px 1px 0 #77787b; } .Main { display:block; width:100%; position:relative; } .Margins { display:block; padding:40px 50px 40px 75px; position:relative; } .message { background-color:#f2f2f3; color:#77787b; width:80%; padding: 5px; display:inline-block; text-align:left; } .update { background-color:#FFFFFF; color: #77787b; margin:15px; padding:15px; text-align:left; } .proposal { background-color:#FFFFFF; color: #77787b; margin:15px; padding:15px; text-align:left; width:80%; display:inline-block; } .section { background-color:#77787b; text-align:center; padding:2px 0; margin-bottom:5px; } .open { display:inline-block; font-size:.8em; font-weight:500; background-color:#25aee2; padding:2px; color:white; border-radius:2px; cursor:pointer; line-height:.7em; margin:4px 0 0 6px; } .popup { position: absolute; visibility:hidden; background-color: #25aee2; color:white; font-size: 0.75em; padding: 4px; width: 200px; z-index:1; } .cat_data { display: inline-block; background-color:#e5e5e6; border: 1px solid; border-radius: 5px; color:#77787b; padding:5px; margin: 20px 2px; } .Pedigree { display:inline-block; width:185px; } .idea { position:absolute; left:20%; width:60%; top:40px; background-color:#e5e5e6; border:3px solid; border-radius:10px; padding:20px; line-height:1.5em; color:#77787b; z-index:1; } .FSS { position:absolute; left:3%; width:90%; top:40px; background-color:#e5e5e6; border:3px solid; border-radius:10px; padding:2%; line-height:1.5em; color:#77787b; z-index:1; } .Fblue { background-color:#25aee2; cursor:auto; } .Fblue:hover { background-color:#25aee2; } .blue { background-color:#25aee2; } .green { background-color:#8cc63e; } .gray { background-color:#77787b; } .tblue { color:#25aee2; } .tgreen { color:#8cc63e; } .tgray { color:#77787b; } .tblack { color:black; } .twhite { color:white; } .photo_list { display: inline-block; background-color: #e5e5e6; margin: 10px 0; padding: 5px 5px 5px 5px; border: solid 1px; box-shadow: 2px 4px 6px 2px #25aee2; border-color:#77787b; color: #77787b; width: 150px; height:190px; text-align:center; font-size: 0.75em; vertical-align: bottom; word-wrap: break-word; cursor:pointer; overflow:hidden; } .photo_listP { display: inline-block; background-color: #e5e5e6; margin: 10px 0; padding: 5px 5px 5px 5px; border: solid 1px; box-shadow: 2px 4px 6px 2px #8cc63e; border-color:#77787b; color: #77787b; width: 150px; height:190px; text-align:center; font-size: 0.75em; vertical-align: bottom; word-wrap: break-word; cursor:pointer; overflow:hidden; } .mini_photo_list { display: inline-block; background-color: #e5e5e6; margin: 5px 5px; padding: 5px 5px 5px 5px; border: solid 1px; box-shadow: 1px 2px 3px 1px #25aee2; border-color:#77787b; color: #77787b; width: 75px; height:95px; text-align:center; font-size: 0.75em; vertical-align: bottom; word-wrap: break-word; cursor:pointer; overflow:hidden; } .poster { margin-top:5px; font-style: italic; font-size: 0.8em; } .p_name { display:inline-block; } .p_name:hover { color:black } .signin { position:absolute; right: 60px; top: 30px; z-index:1; visibility:hidden; background-color: #e5e5e6; border:3px solid; border-color:#8cc63e; border-radius:3px; padding: 15px 10px; text-align:center; } /* Define how SqPaymentForm iframes should look */ .sq-input { border: px solid rgb(223, 223, 223); outline-offset: -2px; margin-bottom: 5px; display: inline-block; } /* Define how SqPaymentForm iframes should look when they have focus */ .sq-input--focus { outline: 5px auto #77787b; } /* Define how SqPaymentForm iframes should look when they contain invalid values */ .sq-input--error { outline: 5px auto #25aae2; } /* Customize the "Pay with Credit Card" button */ .sq-card { width:55%; display:inline-block; } .sq-label { width:40%; margin-right:5px; display:inline-block; text-align:right; } #sq-ccbox { border:4px solid #25aee2; border-radius: 5px; padding:15px; width:300px; display:inline-block; } .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size:.8em; font-style:italic; border: none; } .dropdown { position:relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #8a8a8f; color:white; width: 180px; left:20px; top:30x; border-radius:10px; border:1px solid; border-color:white; z-index: 1; cursor:pointer; } .dropdown-select { margin:3px; padding:3px; text-align:center; cursor:pointer; } .dropdown:hover .dropdown-content {display: block;} .dropdown-select:hover {background-color:#77787b} .dropdown2 { position:relative; margin:3px; padding:3px; text-align:center; } .dropdown-content2 { display: none; position: absolute; background-color: #8a8a8f; color:white; width: 180px; left:40px; top:30x; border-radius:10px; border:1px solid; border-color:white; z-index: 1; cursor:pointer; } .dropdown-select2 { margin:3px; padding:3px; text-align:center; cursor:pointer; } .dropdown2:hover .dropdown-content2 {display: block;} .dropdown-select2:hover {background-color:#77787b} .LRTperson { min-width:190px; display:inline-block; } .LRTspouse { } .LRTnamebox { width:156px; min-height:32px; display:inline-block; text-align:left; padding:1px; border:4px solid; border-radius:4px; cursor:pointer; position:relative; } .LRTRelation { font-style:italic; font-size:.8em; margin:5px } .LRTmale { background-color:#a2d0f1; border-color:#a2d0f1; } .LRTfemale { background-color:#faabb7; border-color:#faabb7; } .LRTUns { background-color:#d7caf2; border-color:#d7caf2; } .LRTDeceased { border-color: #77787b; } .LRTspacer-l { height:10px; border-left:1px solid; } .LRTspacer-r { height:10px; border-right:1px solid; } .LRTspacer-t { width:50%; height:10px; border-top:1px solid; display:inline-block; } .LRTspacer-spb { height:0; width:50%; display:inline-block; } .LRTspacer-spl { height:0; width:50%; border-top:1px solid; display:inline-block; } .LRTspacer-blank { width:50%; height:10px; display:inline-block; } .LRTspacer-line { width:50%; height:10px; border-right:1px solid; border-color:black; display:inline-block; } .LRTspacer { height:10px; text-align:left; } .LRTg0-shift{ display:table-cell; width:20px; } .LRTg0-ch { height:10px; width:5px; border-bottom:1px solid; display:inline-block; } .LRTg0-cht { height:10px; width:5px; border-left:1px solid; border-bottom:1px solid; display:inline-block; } .LRTg0-l { min-height:10px; border-left:1px solid; width:5px; display:table-cell; } .LRTg0-name { display:table-cell; } .arrow { display:inline-block; width:22px; height:20px; margin:10px 0 0 -37px; border:2px solid #77787b; border-top-left-radius:5px; border-bottom-left-radius:5px; background-color:#25aee2; color: white; font-size:20px; font-weight:bold; line-height:16px } .minibox { display:inline-block; width:7px; height:7px; } .minispacer { height:2px; text-align:center; } .minispacer-l { height:2px; border-left:1px solid; } .minispacer-r { height:2px; border-right:1px solid; } .minispacer-t { width:50%; height:2px; border-top:1px solid; display:inline-block; } .minispacer-spb { height:0; width:50%; display:inline-block; } .minispacer-spl { height:0; width:50%; border-top:1px solid; display:inline-block; } .minispacer-blank { width:50%; height:2px; display:inline-block; } .minispacer-line { width:0; height:2px; border-right:1px solid; border-color:black; display:inline-block; } .minig0-shift{ display:table-cell; width:1px; } .minig0-ch { height:3px; width:1px; border-bottom:1px solid; display:inline-block; } .minig0-cht { height:3px; width:1px; border-left:1px solid; border-bottom:1px solid; display:inline-block; } .minig0-l { min-height:2px; border-left:1px solid; width:1px; display:table-cell; } .minig0-name { display:table-cell; } .User-dot { position:absolute; right:0px; top:0px; width:6px; height:6px; border:1px solid; border-radius:4px; } .H { cursor:default; } .acatcell { display:table-cell; text-align:center; padding:3px; border:1px solid; font-size:.8em; line-height:1em } .source { display:inline-block; background-color:#25aee2; color: white; border:2px solid #25aee2; padding:0 2px; border-radius:10px; font-size:.6em; cursor: pointer; } .spopup { position: absolute; visibility:hidden; background-color: #e5e5e6; border:1px solid; font-size: 0.8em; padding: 4px; max-width: 500px; z-index:1; }