forked from Adleraci/adlerka.top
Merge remote-tracking branch 'origin/main'
This commit is contained in:
4
assets/3rdparty/pico.min.css
vendored
Normal file
4
assets/3rdparty/pico.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/adlerka_client.mrpack
Normal file
BIN
assets/adlerka_client.mrpack
Normal file
Binary file not shown.
135
assets/style.css
135
assets/style.css
@@ -1,20 +1,14 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
|
||||
|
||||
.dashboard {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
:root {
|
||||
--error: #ff3700;
|
||||
--primary: #2a9dd6;
|
||||
--primary-bg: #1b1529;
|
||||
--primary-hover: #2489bb;
|
||||
--primary-text: #d2d6e5;
|
||||
--secondary-bg: #1a1a1a;
|
||||
--third-bg: #383838;
|
||||
--pico-primary: #2a9dd6;
|
||||
--pico-primary-background: #1b1529;
|
||||
--pico-primary-hover: #2489bb;
|
||||
--pico-secondary: #d2d6e5;
|
||||
--pico-secondary-background: #1a1a1a;
|
||||
--dimmer: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
|
||||
@@ -26,21 +20,24 @@ body {
|
||||
"foot foot foot foot";
|
||||
grid-template-rows: min-content 1fr min-content;
|
||||
align-items: center;
|
||||
background: linear-gradient(127deg, var(--secondary-bg), var(--primary-bg)) no-repeat fixed;
|
||||
background: linear-gradient(127deg, var(--pico-secondary-background), var(--pico-primary-background)) no-repeat fixed;
|
||||
background-size: cover;
|
||||
color: var(--primary-text);
|
||||
flex-direction: column;
|
||||
font-family: \'Poppins\', sans-serif;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
min-height: 100vh;
|
||||
min-width: 100vw;
|
||||
padding: 0;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body > nav,
|
||||
body > footer {
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-color: var(--dimmer);
|
||||
padding: 1.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -52,31 +49,31 @@ body > nav {
|
||||
position: relative;
|
||||
z-index: 500;
|
||||
grid-area: nav;
|
||||
box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 20px 28px 0 var(--dimmer);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
body > footer {
|
||||
grid-area: foot;
|
||||
box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 -20px 28px 0 var(--dimmer);
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
body > main {
|
||||
body > main#page_container {
|
||||
grid-area: main;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
body > main#page_container > main {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
header hr {
|
||||
border-color: var(--primary);
|
||||
hr {
|
||||
border-color: var(--pico-primary);
|
||||
opacity: 0.5;
|
||||
width: 30%;
|
||||
margin: var(--pico-typography-spacing-vertical) auto;
|
||||
}
|
||||
|
||||
li {
|
||||
@@ -90,35 +87,25 @@ header ul li {
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 2.5rem;
|
||||
flex-direction: column;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
header ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
header {
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
margin-top: 35px;
|
||||
height: 55px;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
li a {
|
||||
color: var(--primary-text);
|
||||
padding-bottom: .45rem;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition: all .3s ease;
|
||||
color: var(--pico-secondary);
|
||||
}
|
||||
|
||||
li a:hover::after {
|
||||
@@ -128,28 +115,18 @@ li a:hover::after {
|
||||
|
||||
|
||||
li.navpage_item {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
table>tbody,
|
||||
table>tbody>tr,
|
||||
table>tbody>tr>th,
|
||||
table>tbody>tr>td {
|
||||
border: 2px solid var(--primary);
|
||||
border: 2px solid var(--pico-primary);
|
||||
border-collapse: collapse !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 25px;
|
||||
border: 2px solid var(--primary);
|
||||
background: var(--third-bg);
|
||||
color: var(--primary-text);
|
||||
width: 175px;
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
table>tbody>tr>td>button {
|
||||
border: unset;
|
||||
border-radius: unset;
|
||||
@@ -164,8 +141,7 @@ table {
|
||||
|
||||
ul.navpage_list {
|
||||
gap: 10px;
|
||||
border: 4px solid var(--primary-hover) !important;
|
||||
background-color: var(--third-bg);
|
||||
border: 4px solid var(--pico-primary-hover) !important;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
@@ -175,19 +151,12 @@ ul.navpage_list {
|
||||
}
|
||||
|
||||
.back {
|
||||
background-color: #2a9dd6;
|
||||
border-radius: 15px;
|
||||
color: var(--primary-text);
|
||||
padding: .35rem .65rem;
|
||||
text-decoration: none;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.back:hover {
|
||||
background-color: var(--primary-hover);
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.feature-list {
|
||||
display: block;
|
||||
margin: auto;
|
||||
@@ -205,7 +174,7 @@ ul.navpage_list {
|
||||
}
|
||||
|
||||
.navsite_item:hover .navpage_list {
|
||||
border: 4px solid var(--primary-hover) !important;
|
||||
border: 4px solid var(--pico-primary-hover) !important;
|
||||
display: flex !important;
|
||||
max-height: 200px;
|
||||
width: inherit;
|
||||
@@ -266,7 +235,7 @@ ul.navpage_list {
|
||||
}
|
||||
|
||||
ul.navpage_list {
|
||||
border: 4px solid var(--primary-hover) !important;
|
||||
border: 4px solid var(--pico-primary-hover) !important;
|
||||
display: flex !important;
|
||||
max-height: 200px !important;
|
||||
width: inherit;
|
||||
@@ -281,10 +250,10 @@ ul.navpage_list {
|
||||
/*noinspection CssUnusedSymbol*/
|
||||
#navsite_list.active {
|
||||
display: flex;
|
||||
-moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||
-webkit-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
|
||||
-moz-box-shadow: 0 20px 28px 0 var(--dimmer);
|
||||
-webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
|
||||
background-color: var(--dimmer);
|
||||
box-shadow: 0 20px 28px 0 var(--dimmer);
|
||||
top: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -292,7 +261,7 @@ ul.navpage_list {
|
||||
nav {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-color: var(--dimmer);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -348,16 +317,11 @@ ul.navpage_list {
|
||||
|
||||
header a,
|
||||
.error-code {
|
||||
color: var(--primary);
|
||||
color: var(--pico-primary);
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
background-color: var(--third-bg);
|
||||
border: 2px solid var(--primary);
|
||||
}
|
||||
|
||||
input::placeholder, textarea::placeholder{
|
||||
color: var(--primary-text);
|
||||
border: 2px solid var(--pico-primary);
|
||||
}
|
||||
|
||||
input{
|
||||
@@ -368,34 +332,26 @@ textarea{
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background: var(--primary);
|
||||
transition-duration: 0.3s;
|
||||
}
|
||||
|
||||
.form-container input {
|
||||
border-radius: 50px;
|
||||
background: none;
|
||||
border: 2px solid var(--primary);
|
||||
border: 2px solid var(--pico-primary);
|
||||
width: 175px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
header.ye-span:hover + body{
|
||||
span#ye-span:hover + body{
|
||||
background: url('/assets/images/ye.jpg') repeat !important;
|
||||
background-size: 10% !important;
|
||||
background-size: 20% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#articlecreate {
|
||||
position: fixed;
|
||||
border: 5px solid var(--primary);
|
||||
border: 5px solid var(--pico-primary);
|
||||
z-index: 5;
|
||||
margin: auto;
|
||||
padding: 40px;
|
||||
background-color: var(--primary-bg);
|
||||
background-color: var(--pico-primary-background);
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
@@ -436,5 +392,10 @@ div#articleslist > article > div.articleinfo{
|
||||
}
|
||||
|
||||
div#articleslist>article{
|
||||
border: 4px solid var(--primary);
|
||||
border: 4px solid var(--pico-primary);
|
||||
}
|
||||
|
||||
#dynmapa {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
Reference in New Issue
Block a user