attempt to fix css again

This commit is contained in:
Spectralitree 2021-12-12 12:19:50 +01:00
parent f4b835e234
commit 464c318569
7 changed files with 5 additions and 91 deletions

View File

@ -1 +0,0 @@
pk-webs-beta.spectralitree.com

View File

@ -0,0 +1 @@
#app{display:flex;flex-direction:column;min-height:100vh}.icon{height:1.5em;width:1.5em;margin-right:.5em}.avatar{height:2.5em;width:2.5em}.modal-content{border:none!important}.modal{display:flex}.banner{z-index:-200;width:100%;height:40vh;position:absolute;top:0;left:0;background-size:cover}blockquote{padding-left:.5em;margin:.25em 0!important;border-left:4px solid rgba(128,128,128,.3)}.nav-tabs * .nav-link{background-color:var(--bs-body-bg)!important;border-color:#8080804d!important;border-bottom-color:transparent!important}.nav-tabs{gap:.25em}.nav-tabs{border-bottom:none!important}.container{flex:1 0 auto!important}.d-spoiler{color:var(--bs-dark);background-color:var(--bs-dark);border-radius:2px;transition-delay:6000s}.d-spoiler::selection{color:var(--bs-dark);background-color:transparent}.d-spoiler:active{background-color:#8080804d;color:var(--bs-body-color);transition-delay:0s}.d-emoji{height:1em;width:auto}@media (min-width: 768px){.banner{height:50vh}}

View File

@ -6,10 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>pk-webs | home</title> <title>pk-webs | home</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" />
<link rel="stylesheet" href="https://spectralitree.github.io/pk-webs-svelte/style.css" />
<script type="module" crossorigin src="/assets/index.bc73ad21.js"></script> <script type="module" crossorigin src="/assets/index.fe151802.js"></script>
<link rel="modulepreload" href="/assets/vendor.a3039f12.js"> <link rel="modulepreload" href="/assets/vendor.a3039f12.js">
<link rel="stylesheet" href="/assets/vendor.484ba9db.css"> <link rel="stylesheet" href="/assets/vendor.484ba9db.css">
<link rel="stylesheet" href="/assets/index.b38ea81b.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>pk-webs | home</title> <title>pk-webs | home</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-night.min.css" />
<link rel="stylesheet" href="https://spectralitree.github.io/pk-webs-svelte/style.css" /> <link rel='stylesheet' href='/style.css'>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -1,87 +0,0 @@
#app {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.icon {
height: 1.5em;
width: 1.5em;
margin-right: 0.5em;
}
.avatar {
height: 2.5em;
width: 2.5em;
}
.modal-content {
border: none !important;
}
.modal {
display: flex;
}
.banner {
z-index: -200;
width: 100%;
height: 40vh;
position: absolute;
top: 0;
left: 0;
background-size: cover;
}
blockquote {
padding-left: 0.5em;
margin: 0.25em 0 0.25em 0 !important;
border-left: 4px solid rgba(128, 128, 128, 0.3);
}
.nav-tabs * .nav-link {
background-color: var(--bs-body-bg) !important;
border-color: rgba(128, 128, 128, 0.3) !important;
border-bottom-color: transparent !important;
}
.nav-tabs {
gap: 0.25em;
}
.nav-tabs {
border-bottom: none !important;
}
.container {
flex: 1 0 auto !important;
}
.d-spoiler {
color: var(--bs-dark);
background-color: var(--bs-dark);
border-radius: 2px;
transition-delay: 6000s;
}
.d-spoiler::selection {
color: var(--bs-dark);
background-color: transparent;
}
.d-spoiler:active {
background-color: rgba(128, 128, 128, 0.3);
color: var(--bs-body-color);
transition-delay: 0s;
}
.d-emoji {
height: 1em;
width: auto;
}
@media (min-width: 768px) {
.banner {
height: 50vh;
}
}