Шаблон:Test/Revamp.css: различия между версиями

Текущая версия от 13:29, 12 февраля 2025

.dps-calculator {
    background: #1e1e1e;
    border: 2px solid #0C1C14;
    border-radius: 8px;
    padding: 20px;
    max-width: 320px;
    margin: 20px auto;
}

.input-group {
    margin-bottom: 15px;
}

.input-group label {
    display: block;
    color: #E4E4CC;
    margin-bottom: 5px;
    font-size: 0.9em;
}

select {
    width: 100%;
    padding: 10px;
    background: #333;
    color: #E4E4CC;
    border: 1px solid #555;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9em;
}

.highlight {
    color: #ff6666;
    font-size: 1.4em;
    padding: 15px;
    background: #2a2a2a;
    border-radius: 6px;
    margin-top: 20px;
}

.highlight span:first-child {
    color: #E4E4CC;
    font-weight: normal;
}

@@ Строка 1: / Строка 1: @@
-.home-grid {
+.dps-calculator {
-    display: grid;
+     background: #1e1e1e;
-    grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
+     border: 2px solid #0C1C14;
-    grid-auto-rows: minmax( 3rem, auto );
-    grid-gap: calc(0.5 * 1rem);
-}
-.home-grid--col2 {
-    grid-template-columns: 1fr 1fr;
-}
-.home-grid a.external {
-    background-image: none;
-}
-.home-card {
-    position: relative;
-    padding: 1rem;
-     background: hsl(220,25%,12%);
-     border: 1px solid rgba(255,255,255,0.05);
      border-radius: 8px;
-     box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
+     padding: 20px;
-     font-size: 0.875rem;
+     max-width: 320px;
-}
+     margin: 20px auto;
-.home-card table.timeline {
-     margin-top: 0.2rem;
-}
-.home-card--col2 {
-    grid-column: span 2;
 }
-.home-card--row3 {
+.input-group {
-     grid-row: span 3;
+     margin-bottom: 15px;
 }
-.home-card--row4 {
+.input-group label {
-    grid-row: span 4;
-}
-.home-card--row8 {
-    grid-row: span 8 / auto;
-}
-.home-card__label {
-    color: #72777d;
-    font-size: 0.8125rem;
-    letter-spacing: 0.75px;
-}
-.home-card__header {
-    color: #202122;
-    font-size: 1rem;
-    font-weight: 600;
-    line-height: 1.25;
-}
-.home-card__header a {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.home-card__header a:after {
-    content: '▶';
-    font-size: 0.8125rem;
-}
-.home-card__background {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background: #242a31;
-    border-radius: 8px;
-    z-index: 1;
-}
-.home-card__background:after {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
      display: block;
-     background: linear-gradient(to right,#000,transparent);
+     color: #E4E4CC;
-    content: "";
+     margin-bottom: 5px;
-}
+     font-size: 0.9em;
-.home-card__background picture,
-.home-card__background img {
-    width: 100%;
-    height: 100%;
-}
-.home-card__background img {
-    object-fit: cover;
-     object-position: center;
-}
-.home-card__foreground {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-     right: 0;
-    padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    gap: calc(0.25 * 1rem);
-    color: #fff;
-    line-height: 1.25;
-    z-index: 1;
-/*    pointer-events: none; */
-}
-.home-card__foreground .home-cardheader {
-    color: #fff;
-}
-.home-card__foreground .home-cardlabel {
-    color: #bababa;
 }
-.home-card p {
+select {
-    margin-top: calc(0 * 1rem);
-    font-size: 0.875rem;
-}
-.home-card.home-card--button {
-    overflow: hidden;
-    padding: 0;
-    background: #242a31;
-    border: 0;
-}
-.home-card--button a {
-    display: flex;
-    height: 100%;
-    justify-content: center;
-    align-items: center;
-    padding: 0 1rem;
-    background: transparent;
-    color: #fff;
-    font-weight: 500;
-}
-.home-card--button--navigation a {
-    position: absolute;
-    top: 0;
-    left: 0;
      width: 100%;
-    height: 100%;
+     padding: 10px;
-    display: block;
+     background: #333;
-    z-index: 2;
+     color: #E4E4CC;
-    text-indent: -9999px;
+     border: 1px solid #555;
-}
+     border-radius: 4px;
+     cursor: pointer;
-.home-card--button .home-card__background a {
+     font-size: 0.9em;
-     padding: 0;
-}
-.home-card--button img {
-     transition: transform 0.2s ease;
-}
-.home-card--button:hover img {
-     transform: scale(1.1);
-}
-.home-link {
-    display: grid;
-    margin-top: calc(0.5 * 1rem);
-    font-size: 0.875rem;
-    font-weight: 500;
-    grid-gap: calc(0.5 * 1rem);
-    text-align: center;
-}
-.home-link__button {
-    display: flex;
-}
-.home-link__button a {
-    flex-grow: 1;
-    padding: calc(0.5 * 1rem);
-     border: 1px solid rgba(255,255,255,0.05);
-    background: hsl(220,25%,15%);
-     border-radius: 8px;
-     color: #fff !important;
-     line-height: 1.25;
-    text-decoration: none !important;
-}
-.home-link__button a:hover {
-    background: hsl(220,30%,19%);
-}
-.home-link__button a:active {
-    background: hsl(220,30%,11%);
-}
-#home-content {
-    margin-top: calc(1.25 * 1rem);
-}
-.home-card .template-statsbar {
-    margin: 0;
-}
-#home-card-discord {
-    background: #5865f2;
-}
-#home-card-patreon {
-    background: #ff424d;
-}
-#home-card-kofi {
-    background: #ff5e5b;
 }
-#home-card-reddit {
+.highlight {
-     background: #ff4500;
+    color: #ff6666;
+    font-size: 1.4em;
+    padding: 15px;
+     background: #2a2a2a;
+    border-radius: 6px;
+    margin-top: 20px;
 }
-.home-footer {
+.highlight span:first-child {
-     font-size: 0.8125rem;
+     color: #E4E4CC;
-     font-family: monospace;
+     font-weight: normal;
-    text-align: center;
 }