A Test Page for Maureen

<iframe width="420" height="315" src="https://www.youtube.com/embed/ v8ss1lVWG6Q

" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

 

Josh text paste. 

I noticed that SOMETIMES when I put my cursor on the text on a page, it shows the font up where it says “Font Family”.  It doesn’t always do that, so I can’t tell what font I am using.  I want to try to standardize the appearance of some of my pages, but it’s difficult when I’m not sure of the font in use. It’s probably doing that because you are using a font that’s not standard from Word, probably. Or it’s a bug. I know I have a ticket open in the suggestion box for something similar. 

It doesn’t seem to matter if the text is something I pasted or not.  I think what might be happening is that if I use the default font (just start typing a page without selecting a font), it doesn’t show me what font is being used.  If I then select the text and change the font, it does.  You can see an example of this on “A Test Page” also.

 

Click HERE for test calendar (localendar)

 

 

body,html { font-family: Verdana, Geneva, sans-serif; } table tr.spouseInfo { display: none; } table.showSpouseInfo tr.spouseInfo { display: table-row; } table tr.Emergency1Info { display: none; } table.showEmergency1Info tr.Emergency1Info { display: table-row; } .btnstyle { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: black; padding: 5px 10px 5px 10px; border: solid 1px #CCC; background: #C9DECB; width: 100px; cursor: pointer; } .btnstyle:hover { background: #112D03; color: #FFF; } .discHead { font-weight: bold; } .discTbl { margin: 0 auto; font: 12px/20px Verdana, Geneva, sans-serif; border-collapse: collapse; } .discTbl td { border: 1px solid gray; text-align: center; padding: 6px; } .cblbl { font: 12px/30px Verdana, Geneva, sans-serif; } label.checkbox-label input[type=checkbox] { position: relative; vertical-align: middle; bottom: 1px; } .modalmark { font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-decoration: none; font-weight: 900; color: #112D03; width: 18px; height: 18px; background: #C9DECB; border: 1px solid white; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; display: inline-block; } .questionmark, .refreshcaptcha { font-family: Verdana, Geneva, sans-serif; font-size: 14px; text-decoration: none; font-weight: 900; color: #112D03; width: 20px; height: 20px; background: #C9DECB; border: 1px solid #112D03; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; cursor: pointer; box-shadow: 0 1px 3px #111; -moz-box-shadow: 3px 3px 1px #999; -webkit-box-shadow: 3px 3px 1px #999; display: inline-block; } .questionmark:hover, .refreshcaptcha:hover { background: #112D03; color: #FFF; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { font-family: Verdana, Geneva, sans-serif; font-size: 12px; visibility: hidden; width: 215px; background-color: #112D03; color: white; text-align: center; border-radius: 6px; padding: 5px 5px 10px 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -120px; opacity: 0; transition: opacity 1s; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 56%; margin-left: -11px; border-width: 5px; border-style: solid; border-color: #112D03 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; margin-bottom: 5px; } .modal { font-family: Verdana, Geneva, sans-serif; font-size: 12px; display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 2000; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 20%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: zoomIn; -webkit-animation-duration: 0.5s; animation-name: zoomIn; animation-duration: 0.5s; /* border: 5px double #112D03!important; */ } @media only screen and (max-width : 1800px) { .modal-content { width: 40%; } } /* Add Animation */ @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .closebtn { padding-top: 8px; color: white; float: right; font-size: 24px; font-weight: bold; } .closebtn:hover, .closebtn:focus { color: #000; text-decoration: none; cursor: pointer; } .modal-header { padding: 2px 16px; background-color: #718272; color: white; } .modal-body { padding: 10px; } .modal-footer { padding: 2px 16px; background-color: #718272; color: white; } .loader { border: 4px solid silver; border-radius: 50%; border-top: 4px solid #112D03; width: 25px; height: 25px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: auto; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } input[type="button"].btnstyle:enabled { background: #C9DECB; } input[type=button].btnstyle:disabled { background: #dddddd; color: white; } input[type="button"].btnstyle:hover:enabled { background: #112D03; color: #FFF; } input[type="button"].btnstyle:hover:disabled { } .rbtnstyle { width: 16px; height: 16px; vertical-align: bottom; position: relative; top: -8px; } .chkboxstyle { width: 16px; height: 16px; vertical-align: bottom; position: relative; top: -5px; } .textboxstyle { height: 18px; } .pulldownstyle { height: 24px; } div.pagecontainer { display:none; } div.head{ padding-top: 50px; width: 1000px; padding:0px; border:0px solid gray; background-color: #112D03; margin:0px; text-align: center; box-shadow: 2px 0px 5px #888888; } div.foot{ padding-bottom:50px; width: 985px; padding:0px; border:0px solid gray; background-color: #112D03; margin:0px; text-align: left; box-shadow: 2px 2px 5px #888888; } div.main{ width: 1000px; padding: 0px; border:0px solid gray; background-color: #FBFDFB; margin:0px; text-align: center; padding-top:0px; margin-left:auto; margin-right:auto; box-shadow: 3px 0px 5px #888888; } div.copyrt{ width: 1000px; padding:0px; border:0px solid gray; margin:0px; text-align: left; font-size:10px; padding-top:0px; margin-left:auto; margin-right:auto; } span.reqlbl{ margin: 0px; text-align: left; color: #FF0000; } span.lbl{ color: #000000; font: 12px/30px Verdana, Geneva, sans-serif; } span.lblinstruction{ color: #000000; font: 12px/30px Verdana, Geneva, sans-serif; line-height: 18px; } span.titlelbl{ color: #000000; font: normal bold 14px/30px Verdana, Geneva, sans-serif; } p{ text-align: center; max-width: 1000px; left: 50px; right: 50px; } p.clcopyrt{ text-align: left; max-width: 1000px; } .calendar-box { display:none; background-color:#fff; border:1px solid #444; position:absolute; width: 250px; padding: 0 5px; z-index: 1000; } .calendar-box select.calendar-month { width: 90px; } .calendar-box select.calendar-year { width: 70px; } .calendar-box .calendar-cancel { width: 100%; } .calendar-box table td { width: 14%; font: 12px/20px Verdana, Geneva, sans-serif; } .calendar-box .calendar-title { text-align:center; } .calendar-box a { text-decoration:none; } .calendar-box .today a { padding:0 5px; margin-left:-5px; background-color:#ffe9c6; } .calendar-box .selected a { padding:0 5px; margin-left:-5px; background-color:#c9ff8b; }