/* Font: change it here and it changes everywhere */ :root { --main-font: Arial, sans-serif; } /* Standard Tags */ /* Everything else inherits the font from body. Form controls don't inherit by default, so they are listed explicitly. Tables are listed as a precaution for pages without a DOCTYPE. */ body, table, th, td, input, select, button, textarea { font-family: var(--main-font); } body{ margin: 30px; } table{ width:100%; } th{ border:1px solid black; text-align:center; padding:5px; font-size:20px; font-weight: bold; } td{ border: 1px solid black; text-align: justify; padding: 10px; font-size: 16px; } label{ color: black; background-color: Lime; font-size: 24px; border-radius: 8px; border:1px solid black; } input[type=submit] { width: 270px; background-color: green; color: white; padding: 0px 10px; margin: 8px 0; border: 6px solid black; border-radius: 12px; cursor: pointer; font-size:24px; } /* # is the id selector which is used to specify a style for a single, unique element. */ #btnScrollToTop { position: fixed; right: 10px; bottom: 50px; width: 50px; height: 50px; border-radius: 50%; background: #e62739; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); color: #ffffff; border: none; outline: none; cursor: pointer; } #btnScrollToTop:active { background: #cc2333; } /* Background image is drawn by CSS, so it behaves the same on every page and every device. The old tags are hidden; they can be deleted from the PHP pages whenever convenient. */ #full-screen-background-image{ display:none; } body::before{ content:""; position:fixed; top:0; right:0; bottom:0; left:0; z-index:-999; background:url('/War_Diary/images/background2.png') center / cover no-repeat; } /* Pages that use a different background: put the class on */ body.bg3::before{ background-image:url('/War_Diary/images/background3.png'); } /* Put class="no-bg" on to show no background image at all (used on index.php, now that its photo is a normal image on the page). */ body.no-bg::before{ background:none; } /* Home page (index.php) title: plain heading, no photo behind it now. */ .site-title{ text-align:center; margin:1.5rem auto; } /* Home page photo: shown in the normal page flow, whole image visible. max-width keeps it from stretching too wide on very large monitors; height:auto keeps its proportions so nothing is cropped or squashed. */ .home-photo{ display:block; max-width:100%; width:900px; height:auto; margin:0 auto; } /* . is the class selector is used to specify a style for a group of elements. */ .button{ background-color:blue; border-style:solid; color:white;padding:.15cm .3cm .15cm .3cm; text-align:center; text-decoration:none; display:inline-block; font-size:16px;cursor:Pointer; } .LinkButton{ border-style:solid; text-decoration:none; padding:6px; background-color:Blue; color:white; font-size:16pt; border-radius: 12px; } .HiddenLinkButton{ border-style:solid; text-decoration:none; padding:6px; background-color:white; color:white; font-size:24pt; border-radius: 12px; } .combo-size{ width:650px; height:46px; font-size:24px; border-radius: 8px; background-color: white; background-color: rgba(0, 0, 0, 0.0); } .inputbox-size{ width:500px; height:46px; font-size:24px; border-radius: 8px; background-color: white; background-color: rgba(0, 0, 0, 0.1); text-align: center; } .mylinks{ line-height: 45px; }