�� -��

mybb@mybb.ru (Dauge) — Sun, 10 Aug 2025 20:05:46 +0300

[html]<style>
/*�� lightkar*/
:root, .day {
--bord: #cdd2de;
--button: #767883;
--sec-font: ralewe;
--text: #323244;
--button2: #d2cfc0;
--quote: #ebebeb;
}

.evening {
--button: #101410;
--text: #b6b8bb;
--button2: #40492e;
--quote: #4c4f31;
--bord: #636941;
}
.night {
--bord: #263028;
--button: #a1926f;
--text: #b6b8bb;
--button2: #141715;
--quote: #292d2a;
}

.theme-switcher {
display: flex;
gap: 10px;
justify-content: center;
margin: 15px 0;
}
.theme-switcher button {
padding: 5px 10px;
cursor: pointer;
}
.tarodesk {
font-family: 'Georgia', serif;
background-color: transparent;
width: 580;
color: var(--text);
line-height: 1.6;
padding: 20px;
margin-left: auto;
margin-right: auto;
}
.container {
max-width: 600px;
margin: 0 auto;
}
.taroh1 {
text-align: center;
border-bottom: 2px solid var(--bord);
padding-bottom: 10px;
color: var(--button);
font: bold 24px var(--sec-font);
font-style: italic;
}
.controls {
display: flex;
justify-content: center;
gap: 15px;
margin: 25px 0;
flex-wrap: wrap;
}
button {
padding: 10px 20px;
color: var(--text);
font: 400 24px var(--sec-font);
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: all 0.3s;
background-color: var(--button2) !important;
}
.selecttaro {
font: 400 24px var(--sec-font) !important;
padding: 10px 20px !important;
color: var(--text) !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 16px !important;
transition: all 0.3s !important;
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url(data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path></svg>) !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
padding-right: 40px !important;
width: auto !important;
display: inline-block !important;
box-shadow: none !important;
outline: none !important;
background-color: var(--button2) !important;
}
.select-wrapper {
position: relative;
display: inline-block;
}

.select-wrapper::after {
color: white;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
z-index: 1;
}

button:hover {
background: #3e2723;
}
.cards {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin: 30px 0;
}

/* �� */
.card {
width: 150px;
height: 260px;
margin: 10px;
position: relative;
cursor: pointer;
perspective: 1000px;
}
.card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
}
.card.flipped .card-inner {
transform: rotateY(180deg);
}
.card-face {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.card-back {
background: url('https://i.imgur.com/ddA6fjd.jpeg') center/cover;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
font-size: 15px;
}
.card-front {
background: var(--quote);
transform: rotateY(180deg);
display: flex;
flex-direction: column;
}
.card-image {
width: 100%;
height: 88%;
object-fit: cover;
}
.card-info {
padding: 5px;
text-align: center;
}
.card-name {
font-weight: bold;
font-size: 12px;
margin-bottom: 5px;
}

.reversed-img {
transform: rotate(180deg);
}
@font-face {
font-family: 'DreiFraktur';
src: url('https://forumstatic.ru/files/001c/75/d0/75013.ttf');}

.highlighted {
display: inline;
color: var(--text);
font-size: 12px;
background-color: var(--quote) / 0.4;
text-shadow: 1px 1px 3px black;
}

.hieroglyph {
font-size: 25px;
line-height: 1;
vertical-align: middle;
filter: drop-shadow(0 0 2px var(--button));
}

#karsig {
padding: 15px;
border-radius: 8px;
margin-top: 20px;
text-align: center;
display: none;
position: relative;
cursor: default;
color:var(--text);

}

@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(10px); }
}
.kar-a {
color: var(--button2);
font-family: DreiFraktur;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
border-bottom: 1px dashed transparent;
}

.kar-a:hover {
color: var(--button);
text-decoration: none;
transition: opacity .3s, transform 1s;

}
.meaning {
background: var(--quote);
padding: 15px;
border-radius: 8px;
margin-top: 30px;
box-shadow: 6px 5px 10px #0000000a;
}

.meaning_zag {
color: var(--button);
margin-top: 0;
font-size: 1.17em;
margin-bottom: 0.5em;
font-weight: bold;
}
.reversed-badge {
color: var(--text);
padding: 3px 8px;
border-radius: 4px;
font-size: 14px;
margin-left: 10px;
background-color: var(--button2) !important;
}

@media (max-width: 380px) {
.card {
width: 100px;
height: 175px;
}
}</style>
<div class="tarodesk">
<div class="theme-switcher">
<button onclick="setTheme('day')">☀︎</button>
<button onclick="setTheme('evening')">☁︎</button>
<button onclick="setTheme('night')">✦</button>
</div>
<div class="container">
<div class="taroh1">🕯 tarot 🕯</div>

<div class="controls">
<button id="shuffle">shuffle</button>
<div class="select-wrapper"> <select id="spread" class="selecttaro">
<option value="1">1 card</option>
<option value="3">3 card (Past-Present-Future)</option>
</select></div>
</div>

[/html]

��

mybb@mybb.ru (Dauge) — Mon, 10 Jul 2023 15:11:23 +0300

�� #1
��

� �� .

� �� - �� , �� .
300 ��. �� ?)

[html]<iframe src="https://www.jigsawplanet.com/?rc=play&pid=148ea29a9e2d&view=iframe" style="width:100%;height:600px" frameborder="0" allowfullscreen></iframe>[/html]

��

mybb@mybb.ru (Dauge) — Thu, 20 Apr 2023 23:46:36 +0300

#p246,blsbls ��(�):

[skkign]dfdf[/sign]dfdfdfdfdf

omgdbl2

�������� �������� ��-���������

����������

�������� ���������

�� -��

��

��