forked from axiom-team/astroport
127 lines
3.6 KiB
CSS
127 lines
3.6 KiB
CSS
|
body, html{height: 100%;}
|
||
|
.github-fork-ribbon{position:fixed;}
|
||
|
header{
|
||
|
min-height:100%;
|
||
|
background: linear-gradient(
|
||
|
rgba(0, 0, 0, 0.45),
|
||
|
rgba(0, 0, 0, 0.45)
|
||
|
),url('../img/background.png');
|
||
|
background-attachment: fixed;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
background-size: cover;
|
||
|
}
|
||
|
header h1.w3-jumbo{margin:0;}
|
||
|
fieldset{margin-bottom:16px;}
|
||
|
fieldset fieldset{margin-left:32px;}
|
||
|
label{
|
||
|
font-weight:bold;
|
||
|
width:275px;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
p.field:focus-within{color:#008ae6;}
|
||
|
fieldset input:not([type='checkbox']):not([type='color']), select{width:300px;}
|
||
|
input:not([type='color']):valid {border-color:#28a745 !important;}
|
||
|
input:focus,input:active,select:focus,select:active{
|
||
|
border-color:#008ae6 !important;
|
||
|
border-width:2px !important;
|
||
|
}
|
||
|
input:invalid {border-color:#fd3536 !important;}
|
||
|
input:optional{border-color:#ccc !important;}
|
||
|
select{
|
||
|
display:block;
|
||
|
width:300px !important;
|
||
|
}
|
||
|
::placeholder {color: #59bdff;}
|
||
|
textarea{width:100%;}
|
||
|
#buttons{overflow:visible;}
|
||
|
.tooltip {
|
||
|
position: relative;
|
||
|
display: inline-block;
|
||
|
border-bottom: 1px dotted black;
|
||
|
}
|
||
|
.tooltip .tooltiptext {
|
||
|
width: 120px;
|
||
|
background-color: #555;
|
||
|
color: #fff;
|
||
|
text-align: center;
|
||
|
border-radius: 6px;
|
||
|
padding: 5px 0;
|
||
|
position: absolute;
|
||
|
z-index: 1;
|
||
|
bottom: 60px;
|
||
|
left: 50%;
|
||
|
margin-left: -60px;
|
||
|
opacity: 0;
|
||
|
transition: opacity 0.3s;
|
||
|
}
|
||
|
.tooltip .tooltiptext::after {
|
||
|
content: "";
|
||
|
position: absolute;
|
||
|
top: 100%;
|
||
|
left: 50%;
|
||
|
margin-left: -5px;
|
||
|
border-width: 5px;
|
||
|
border-style: solid;
|
||
|
border-color: #555 transparent transparent transparent;
|
||
|
}
|
||
|
.tooltip_display .tooltiptext {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
iframe{border:none;}
|
||
|
#back-to-top {
|
||
|
color:white;
|
||
|
width: 50px;
|
||
|
height: 50px;
|
||
|
bottom: 40px;
|
||
|
right: 40px;
|
||
|
-webkit-box-pack: center;
|
||
|
-ms-flex-pack: center;
|
||
|
justify-content: center;
|
||
|
-webkit-box-align: center;
|
||
|
-ms-flex-align: center;
|
||
|
align-items: center;
|
||
|
z-index: 1000;
|
||
|
display: none;
|
||
|
opacity: 0.5;
|
||
|
transition: all 0.4s;
|
||
|
position: fixed;
|
||
|
background-color: #343a40;
|
||
|
}
|
||
|
#back-to-top:hover {
|
||
|
opacity: 1;
|
||
|
cursor: pointer;
|
||
|
border:1px solid white;
|
||
|
}
|
||
|
@media screen and (max-width: 800px) {
|
||
|
header h1.w3-jumbo{font-size:25px !important;}
|
||
|
header h2{font-size:15px;}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 1200px) {
|
||
|
header h1.w3-jumbo{font-size:32px !important;}
|
||
|
header h2{font-size:17px;}
|
||
|
}
|
||
|
/* Color theme */
|
||
|
.w3-theme-l5 {color:#000 !important; background-color:#f7fcff !important}
|
||
|
.w3-theme-l4 {color:#000 !important; background-color:#e5f5ff !important}
|
||
|
.w3-theme-l3 {color:#000 !important; background-color:#ccebff !important}
|
||
|
.w3-theme-l2 {color:#000 !important; background-color:#b3e0ff !important}
|
||
|
.w3-theme-l1 {color:#000 !important; background-color:#99d6ff !important}
|
||
|
.w3-theme-d1 {color:#000 !important; background-color:#59bdff !important}
|
||
|
.w3-theme-d2 {color:#fff !important; background-color:#33adff !important}
|
||
|
.w3-theme-d3 {color:#fff !important; background-color:#0d9eff !important}
|
||
|
.w3-theme-d4 {color:#fff !important; background-color:#008ae6 !important}
|
||
|
.w3-theme-d5 {color:#fff !important; background-color:#0073bf !important}
|
||
|
|
||
|
.w3-theme-light {color:#000 !important; background-color:#f7fcff !important}
|
||
|
.w3-theme-dark {color:#fff !important; background-color:#0073bf !important}
|
||
|
.w3-theme-action {color:#fff !important; background-color:#0073bf !important}
|
||
|
|
||
|
.w3-theme {color:#000 !important; background-color:#80ccff !important}
|
||
|
.w3-text-theme {color:#80ccff !important}
|
||
|
.w3-border-theme {border-color:#80ccff !important}
|
||
|
|
||
|
.w3-hover-theme:hover {color:#fff !important; background-color:#0073bf !important}
|
||
|
a:hover {color:#002135 !important}
|
||
|
.w3-hover-border-theme:hover {border-color:#80ccff !important}
|