StarWorth/SW_css/style.css

/**
 * Copyright 2021, 2024 5 Mode
 *
 * This file is part of Homolog.
 *
 * Homolog is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Homolog is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.  
 * 
 * You should have received a copy of the GNU General Public License
 * along with Homolog. If not, see <https://www.gnu.org/licenses/>.
 *
 * style.css
 * 
 * CSS file.
 *
 * @author Daniele Bonini <my25mb@aol.com>
 * @copyrights (c) 2021, 2024, 5 Mode     
 */

html {
  height: 100%;
}
body {
  margin: 0px; 
  padding: 0px;
  background:url('/SW_res/sw_bg1.jpg') fixed; 
  background-size: cover; 
  background-position: left top; 
  background-repeat: no-repeat;
  color: #1c1c1c; 
  font-family:'Press Start 2P';
  font-size:12px;
}
h1 {
  clear: both;
  margin:auto;
  width: 60%;
  /*min-width: 800px;*/
  text-align:center;
  font-size: 26px;
}
hr {
  position: relative;
  top: -35px;
}
#ahome {
  font-weight:900;
  color:#1c1c1c;
  text-decoration: none;
}
#butCloseSplash {
  position:relative; left:-10px;
}
#butHashMe {
  position:relative; 
  left:-2px; 
  top:+5px; 
  color:#000000; 
  font-size:12px;
}
#call-sidebar {
  position:absolute; 
  top:0px; 
  left:1px; 
  clear:both; 
  float:left; 
  width:1.5%; 
  max-width:5px; 
  height:100%; 
  min-height:1900px; 
  text-align:center; 
  border-right: 1px solid #2c2f34;
  z-index:1;
}
#content-bar {
  width:100%;
}
.data-date { 
  font-size:10px; 
  font-weight:900;
}
.data-desc {
  max-width:300px;
  width:100%;
  font-size:10px;
  white-space: nowrap;
} 
.data-time { 
  font-size:10px; 
  font-weight:900;
}
#date {
  max-width:170px;
  width:8%;
  height: 26px;
}
#desc {
  width:45%;
  max-width:630px;
  height: 26px;
}
.emptyfield{
  border: 1px solid red;
}
.editemptyfield{
  border-bottom: 3px dashed red;
}
#events {
  clear:both;
  margin:auto;
}
#footerCont {
  position: fixed; 
  top: 2000px; 
  left:-10px;
  width: 102%; 
  border: 1px solid #C2DBF2; 
  padding: 7px; 
  background: #ffffff; 
  opacity: 0.3;
  color:white; 
  font-family: Arial,Sans,Verdana;
  font-size: 12px; 
  text-align: center; 
  z-index: 99990;
}
#footer {
  position: fixed;
  float: right;
  top: 2000px; 
  left:-10px;
  width: 100%; 
  border: 0px solid #C2DBF2; 
  padding: 7px; 
  opacity: 1.0;
  color:black; 
  font-family: Arial,Sans,Verdana;
  font-size: 12px; 
  font-weight: 400;
  text-align: right; 
  z-index: 99991;
}
#footer2 {
  font-size:23px;
}
#genius {
  position:relative; 
  left:+1px; 
  width:90%; 
  border: 1px dashed #EEEEEE;
}
#guest-msg {
  padding:30px;
  font-size:23px;
  margin-bottom:23px;
  font-weight:900;
}
.header {
  height: 65px;
  vertical-align: middle;
  border-bottom: 0px solid #2c2f34;
  padding: 10px;
  z-index:90;
  font-size:13px;
  font-weight:400;
  font-family: Arial, Sans, Verdana;
}
.header2 {
  margin:0;
  padding:0;
  border-bottom:0px;
  text-align:center;
}
#hour {
  background-color:#FFFFFF;
  height: 26px;
}
#insertBar {
/*  width: 1050px;*/
/*  margin-right:140px;*/
   margin-left:14%;
}
#logo-hl {
  position:relative;
  top:-25px;
  width:48px;
  margin:5px;
  margin-right:20px;
}
#min {
  background-color:#FFFFFF;
  height: 26px;
}
#Password {
  font-size:13px; 
  width: 60%; 
  border-radius:3px;
}
#Salt {
  position:relative; 
  top:+5px; 
  font-size:13px; 
  width: 90%; 
  border-radius:3px;
}
#send {
  position:relative;
  top:+5px;
  margin-top:0px;
  height: 26px;
  background-color:red;
  border:1px solid black;
  color:white;
  font-size:medium;
}
#sidebar {
  position:absolute; 
  left:6px; 
  top:0px; 
  clear:both; 
  background-color:#FFFFFF; 
  padding:8px; 
  width:25%; 
  max-width:250px; 
  height:100%; 
  text-align:center; 
  border-right: 1px solid #2c2f34; 
  display:none;
  z-index:91;
}
.sidebarcontrol{
  background:#393939; 
  color:#ffffff;
  font-family: Verdana, Arial, Helvetica Neue, Helbetica;
}
.standardcontrol{
/*  border: 0px;
  border-bottom: 1px dashed #EEEEEE;*/
  color: #000000;
  font-family: Verdana, Arial, Helvetica Neue, Helbetica;
}
#sidebar-close {
  position:relative; 
  left:-10px;
}
#splash {
  position:relative; 
  left:+3px; 
  width:98%; 
  background-color: #33aced; 
  color:black; 
  border-radius:20px; 
  padding: 20px; 
  margin-bottom:8px;
}
.table-event {
  width:75%; 
  border:0;
  margin: auto;
  margin-left:33%;
  margin-right:30px;  
  clear: both;
}
td {
  font-weight:900;
  font-size:10px;
  font-family: Sans Verdana Arial;
  border-right: 5px solid transparent;
  border-bottom: 7px solid transparent;
}  
.td-admin {
  width:10%; 
  text-align:center;
  padding-left:8px;
  padding-top:2px
}
.td-data-star {
  width:10%; 
  min-width:88px;
  text-align:right; 
  vertical-align:top; 
  padding-top:2px; 
  padding-left:8px; 
  padding-right:0px;
  white-space:nowrap;
}
.td-data-date {
  width:14%; 
  text-align:center; 
  vertical-align:top; 
  padding-top:10px; 
  padding-left:8px; 
  white-space:nowrap;
}
.td-data-desc {
  position: relative;
  top: 4px;
  width:46%; 
  max-width:250px;
  min-width:250px;
  text-align:left; 
  vertical-align:top; 
  padding-top:0px; 
  padding-left:15px; 
  font-size:18px;
  color:#FFFFFF;
  background: darkred;
  white-space: nowrap;
  overflow: clip;  
  text-overflow: clip;   
}
.td-data-time {
  width:10%; 
  text-align:left; 
  vertical-align:top; 
  padding-top:10px; 
  padding-left:8px; 
  white-space:nowrap;
}
#welcome-msg {
  font-size:23px;
  margin-bottom:23px;
  font-weight:900;
}