:root { --default-margin: 1em; --default-font-size: 14px; } html, body { color: #737373; font-family: Monaco, monospace; font-family:"Gill Sans","Helvetica Neue",Helvetica,Optima,sans-serif; text-align: left; line-height: 1.2em; margin:0; border:0; box-sizing:border-box; font-size: var(--default-font-size); min-height: calc( 100vh - 16px ); display: flex; flex: 2 0px; flex-direction: column; font-weight: 300; background-color: #FEFDFE; } div, section { margin:0; padding:0; border:0; } a { color:#293133; text-decoration: none; } a.pltsm_link { color:#293133; text-decoration: none; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { color: #E0CDA9; text-decoration: none; } a:hover { text-decoration: none; } th { color: #293133; font-weight: 300; text-align: left; line-height: 1.2em; padding:0.5em; } h1 { font-size: var(--default-font-size); font-weight: 200; letter-spacing:0.08em; display: inline-block; background-color: none; clear: both; color: #293133; margin:var(--default-margin); margin-top:0; } h2 { font-size: 1em; font-weight: 200; letter-spacing:0.08em; display: inline-block; background-color:none; clear: both; color: #293133; margin:var(--default-margin); margin-top:0; } h3 { font-size: 1.2em; font-weight: 200; line-height: 400%; letter-spacing:0.08em; display: inline-block; background-color: none; clear: both; color: #F33; margin:var(--default-margin); margin-top:0; text-decoration: none; } h4 { font-size: 0.7em; font-weight: 200; line-height: 0%; display: inline-block; letter-spacing:0.15em; margin:var(--default-margin); margin-top:0; } iframe { width: 100%; min-height: 70vh; border: 0; } hr { border: none; text-align: center; color: #ccc; } form { margin:var(--default-margin); } hr:after { content: "_______________________________________________________________________________________"; letter-spacing: 0em; line-height: 0%; margin-top:0; } pre { font-size:var(--default-font-size); font-weight: 300; margin:var(--default-margin); } .vimeo { border:0; width:100%; height: 56.25%; } ::selection { background:none; color:#ffacc8; } p { margin:var(--default-margin); margin-bottom: 1em; } ul { list-style-type: none; margin:var(--default-margin); margin-top:0; padding: 0; } #header { margin-bottom: 20px; font-family: futura; color: #0000 font-size: 20px; line-height: 15px; } #content { flex-grow: 1; } #footer { order: 3; font-family: futura; font-size: 10px; clear: both; height: 20px; } nav a { } nav a:active { color: #FFACC8; text-decoration: none; } nav a:hover { color: @link; background-color: #faf0e6; text-decoration: none; } p > img { width: 50%; height: auto; margin-left: auto; margin-right: auto; margin-top: 5em; display: block; } #title { float: left; line-height: 2px; padding: 15px; background-image: url("content/_title/LOG.png"); background-size: contain; background-repeat: no-repeat; background-position: right 15% bottom 55%; } #logo { float: right; margin-top: 0px; } #top_menu { display: block; font-family: futura; color: #0000; font-size: 10px; padding: 15px; } #top_menu ul { list-style-type: none; } #top_menu li { float: left; margin-right: 1em; text-indent:2em; } #nav_menu { display: block; } #nav_menu ul { list-style-type: none; } #nav_menu li { float: left; margin-right: 1em; } .logo { width: auto; margin: auto; padding: auto; } .center { display: block; margin-right:auto; margin-left:auto; } .fill { width:100%; max-height:800px; overflow: hidden; } .blue { background-color:#CCF; } .pltsm-search-input { float: right; width: 70px; } .pltsm-search-input:focus { float: right; width: 200px; -webkit-transition: width 0.25s ease-in-out; -moz-transition: width 0.25s ease-in-out; -o-transition: width 0.25s ease-in-out; transition: width 0.25s ease-in-out; } #pltsm-login-form { width: 300px; margin-right:auto; margin-left:auto; margin-top: 200px; } #pltsm-login-title { margin-right:auto; margin-left:auto; width: 100%; text-align: center; font-weight: bolder; margin-bottom: var(--default-margin); } #pltsm-login-user { width: 100%; margin-bottom: var(--default-margin); height: 30px; border-bottom: 1px lightgrey; border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; border-bottom-style: solid; outline: none; } #pltsm-login-password { width: 100%; margin-bottom: var(--default-margin); height: 30px; border-bottom: 1px lightgrey; border-top-style: hidden; border-right-style: hidden; border-left-style: hidden; border-bottom-style: solid; outline: none; } #pltsm-login-submit { width: 100%; height: 25px; border-radius: 25px; border : none; background: #aaeeaa; } blink, .blink{ animation: blinker 1s infinite; } @keyframes blinker { 10% { opacity: 0;} 90% { opacity: 1;} } .vibrate { animation: vibrator 0.5s infinite; display: inline-block; } @keyframes vibrator { 0% { transform: translate(1.2px, 0.2px); } 10% { transform: translate(-0.2px, -0.2px); } 20% { transform: translate(-0.2px, 0px); } 30% { transform: translate(0.2px, 0.2px); } 40% { transform: translate(0.2px, -0.2px); } 50% { transform: translate(-0.2px, 0.2px); } 60% { transform: translate(-0.2px, 0.2px); } 70% { transform: translate(0.2px, 0.2px); } 80% { transform: translate(-0.2px, -0.2px); } 90% { transform: translate(0.2px, 0.2px); } 100% { transform: translate(0.2px, -0.2px); } }