summaryrefslogtreecommitdiffhomepage
path: root/cards/build/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'cards/build/style.css')
-rw-r--r--cards/build/style.css91
1 files changed, 91 insertions, 0 deletions
diff --git a/cards/build/style.css b/cards/build/style.css
new file mode 100644
index 0000000..5bb73f4
--- /dev/null
+++ b/cards/build/style.css
@@ -0,0 +1,91 @@
+.content_card {
+ flex: 1;
+ border: solid;
+ padding: 0.5em;
+ font-size: 1.25em;
+ border-width: 2px;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ border-radius: 0.5em;
+ border-color: orange;
+}
+.title_card {
+ -moz-border-radius: 0.5em 0.5em 0em 0em;
+ -webkit-border-radius: 0.5em 0.5em 0em 0em;
+ border-radius: 0.5em 0.5em 0em 0em;
+ font-size: 2em;
+ color: orange;
+ padding: 0.1em;
+ text-align: center;
+}
+.bottom_card {
+ flex: 10;
+ display: flex;
+ padding: 1em;
+ padding-top: 0.5em;
+}
+.image_card {
+ flex: 1;
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center center;
+}
+.background_image_card {
+ flex: 1;
+ display: flex;
+ border: solid;
+ border-width: 2px;
+ -moz-border-radius: 0em 0em 0.5em 0.5em;
+ -webkit-border-radius: 0em 0em 0.5em 0.5em;
+ border-radius: 0em 0em 0.5em 0.5em;
+ border-color: orange;
+ background-color: black;
+ overflow: hidden;
+}
+.top_card {
+ flex: 8;
+ display: flex;
+ flex-direction: column;
+ padding: 1em;
+ padding-bottom: 0.5em;
+ padding-top: 0.5em;
+}
+.card {
+ display: flex;
+ flex-direction: column;
+ background-color: darkblue;
+ color: white;
+ height: 36em;
+ width: 21em;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ border-radius: 0.5em;
+ overflow: hidden;
+}
+h1 {
+ font-style: italic;
+}
+.articles {
+ color: limegreen;
+ max-width: 400px;
+}
+.paggio {
+ color: goldenrod;
+}
+.opal {
+ color: dodgerblue;
+}
+.justicar {
+ top: 134px;
+ left: 400px;
+ opacity: 0.7;
+ -moz-opacity: 0.7;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+ filter: alpha(opacity=70);
+ position: absolute;
+ width: 400px;
+ height: auto;
+}
+body {
+ height: 100vh;
+}