TheMagician
/
tarotcard.css
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add stub tarotcard-deal.css file

This commit is contained in:
The Magician 2023-12-01 15:09:05 +00:00
parent ae012ad044
commit 9432ac72e3
3 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
tarotcard-deal.css Normal file
View File

@ -0,0 +1,3 @@
body {
color: green;
}

14
test/index.html
View File

@ -16,10 +16,12 @@
</style> </style>
<link rel="stylesheet" href="styles/tarotcard.css"/> <link rel="stylesheet" href="styles/tarotcard.css"/>
<link rel="stylesheet" href="styles/tarotcard-deal.css"/>
</head> </head>
<body> <body>
<div class="center-grid"> <div class="center-grid">
<!-- Simplest possible card. Just displays a title and a piece of artwork. -->
<div id="simple-card" class="tarot-card"> <div id="simple-card" class="tarot-card">
<div class="tarot-card__section tarot-card__section--art"> <div class="tarot-card__section tarot-card__section--art">
<img class="tarot-card__art" src="images/card_art_std.jpg" alt="The Simple Card artwork image." title="The Simple Card artwork image."> <img class="tarot-card__art" src="images/card_art_std.jpg" alt="The Simple Card artwork image." title="The Simple Card artwork image.">
@ -30,6 +32,18 @@
</div> </div>
</div> </div>
<!-- Identical to The Simple Card, but uses the "deal" animation to slide in when the page is loaded. -->
<div id="deal-card" class="tarot-card">
<div class="tarot-card__section tarot-card__section--art">
<img class="tarot-card__art" src="images/card_art_std.jpg" alt="The Deal Card artwork image." title="The Simple Card artwork image.">
</div>
<div class="tarot-card__section tarot-card__section--title">
<h1 class="tarot-card__title">The Deal Card.</h1>
</div>
</div>
</div> </div>
</body> </body>
</html> </html>

1
test/styles/tarotcard-deal.css Symbolic link
View File

@ -0,0 +1 @@
../../tarotcard-deal.css