/******************************************************************************/ /* website.css */ /* */ /* Date Description Name */ /* -------- -------------------------------------------------- ----------- */ /* 20260219 Moved div styles to this file. Rodney */ /******************************************************************************/ /******************************************************************************/ /* Fonts */ /******************************************************************************/ @font-face { font-family: MyBankCSS; src: url("Bank Gothic Light Regular.otf"); } @font-face { font-family: MyOldEnglishCSS; src: url("OLDENGL.TTF"); } @font-face { font-family: MyCurlCSS; src: url("CURLZ___.TTF"); } @font-face { font-family: MyVladimirCSS; src: url("VLADIMIR.TTF"); } @font-face { font-family: MyBauhCSS; src: url("BAUHS93.TTF"); } /******************************************************************************/ /* This will set all elements to white. This includes those that */ /* are visited and those that are not visited (link). */ /******************************************************************************/ a { color:white; } body, html { /**************************************************************************/ /* To make the element take up 100% of the browser height, set the */ /* height property to 100%. */ /**************************************************************************/ height: 100%; /**************************************************************************/ /* To remove all margins, set it to '0'. */ /**************************************************************************/ margin: 0; } /******************************************************************************/ /* Classes */ /******************************************************************************/ .clsButtonText { font-family: Arial, sans-serif; font-size: 20px; } /******************************************************************************/ /* IDs */ /******************************************************************************/ #idDivContainer /******************************************************************************/ /* The idDivContainer class is used to display the image in the entire */ /* background. */ /******************************************************************************/ { /****************************************************************************/ /* The background-image property sets one or more background images for */ /* an element. By default, a background-image is placed at the top-left */ /* corner of an element, and repeated both vertically and horizontally. */ /****************************************************************************/ background-image: url("../02-images/Beach.gif"); /**************************************************************************/ /* The background-position property sets the starting position of a */ /* background image. By default, a background-image is placed at the */ /* top-left corner of an element, and repeated both vertically and */ /* horizontally. Two values can be specified. If you only specify one */ /* keyword, the other value will be "center". */ /**************************************************************************/ background-position: center center; /**************************************************************************/ /* The background-repeat property sets if/how a background image will be */ /* repeated. By default, a background-image is repeated both vertically */ /* and horizontally. */ /* Possible Values */ /* no-repeat: The background-image is not repeated. The image will only */ /* be shown once. */ /**************************************************************************/ background-repeat: no-repeat; /**************************************************************************/ /* The background-size property specifies the size of the background */ /* images. */ /* Possible Values */ /* cover: Resize the background image to cover the entire container, */ /* even if it has to stretch the image or cut a little bit off */ /* one of the edges. */ /**************************************************************************/ background-size: cover; /**************************************************************************/ /* The height property sets the height of an element. */ /**************************************************************************/ height: 100%; } #idDivTheJourney /******************************************************************************/ /* The Journey */ /******************************************************************************/ { font-family:'MyBankCSS'; font-size:400%; color:white; display:none; left:30%; top:60%; position:absolute; } #idDivTransformation /******************************************************************************/ /* Transformation */ /******************************************************************************/ { font-family:MyOldEnglishCSS; font-size:220%; font-style:italic; color:white; display:none; left:50%; top:34%; position:absolute; } #idDivLifestyle /******************************************************************************/ /* Lifestyle */ /******************************************************************************/ { font-family:MyCurlCSS; font-size:220%; font-style:italic; color:white; display:none; left:20%; top:80%; position:absolute; } #idDivPlanningandExecution /******************************************************************************/ /* Planning and Execution */ /******************************************************************************/ { font-family:MyVladimirCSS; font-size:500%; color:white; display:none; left:10%; top:40%; position:absolute; } #idDivRetirement /******************************************************************************/ /* Retirement */ /******************************************************************************/ { font-family:MyBauhCSS; font-size:500%; color:white; display:none; left:50%; top:50%; position:absolute; } #idDivEnterSiteButton /******************************************************************************/ /*

for the Site Button */ /******************************************************************************/ { display:none; left: 50%; position:absolute; top:80%; transform: translate(-50%, -80%); } #idDivPhotoCaption /******************************************************************************/ /* Photo caption */ /******************************************************************************/ { font-family:verdana; font-size:70%; color:white; display:none; left:2%; top:90%; position:absolute; }