Template:CoE Styles: Difference between revisions

Help

← Older edit Newer edit →

VisualWikitext

@@ Line 14: / Line 14: @@
 }
-.spell-block {
-  background-color: #cb9;
-  border-radius: 5px;
-  box-shadow: 0 0 20px #444 inset;
-  padding: 5px 10px 10px 10px;
-  border: 2px solid #564;
-  width: 520px;
-}
-.spell-title-block {
-  display: flex;
-  align-items:stretch;
-  align-self:center;
-  padding: 3px 5px 3px 5px;
-  margin: 5px;
-  border: none;
-}
-.spell-info-block {
-  background-color: #aa9;
-  padding: 2px 10px 2px 2px;
-  margin-right: 15px;
-  margin-left: 155px;
-  border: none;
-  min-height: 150px;
-}
-.spell-art-block {
-  float: left;
-  background-color: #cb9;
-  margin: 5px;
-  border: none;
-}
-.spell-icon-block {
-  float: left;
-  background-color: #aa9;
-  margin: 0px;
-  padding: 0px;
-  border: none;
-  width: 80px;
-  font-family: Verdana, sans-serif !important;
-  color: #411;
-  font-size: 140%;
-  font-weight: bold;
-}
-.spell-room-block {
-  align-self: center;
-  background-color: #cb9;
-  margin: 5px;
-  border: none;
-  width: 60px;
-}
 .item-threshold {
@@ Line 108: / Line 55: @@
    font-size: 110%;
    display: block;
+}
+.item-icon {
+  float: left;
+}
+.float-clear {
+  clear: both;
+}
+.spell-main-block {
+  background-color: #cb9;
+  border-radius: 5px;
+  box-shadow: 0 0 20px #444 inset;
+  padding: 5px 10px 10px 10px;
+  border: 2px solid #564;
+}
+.spell-grid {
+  display: grid;
+  gap: 1%;
+  grid-template-columns: 24% 74%;
+  align-items:stretch;
+}
+.spell-title-block {
+  grid-column: 2;
+  grid-row: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spell-icon-block {
+  grid-column: 1;
+  grid-row: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spell-resource-block {
+  grid-column: 1;
+  grid-row: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: Verdana, sans-serif !important;
+  color: #411;
+  font-size: 140%;
+  font-weight: bold;
+}
+.spell-info-block {
+  grid-column: 2;
+  grid-row: 2;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #aa9;
+}
+.spell-flavor-block {
+  grid-column: 1 / span 1;
+  grid-row: 3;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spell-blank-block {
+  grid-column: 1 / span 1;
+  grid-row: 4;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.spell-room-block {
+  align-self: center;
+  background-color: #cb9;
+  margin: 5px;
+  border: none;
+  width: 60px;
 }
@@ Line 125: / Line 158: @@
    font-size: 120%;
 }
 .spell-flavor-text {
    font-family: Georgia, serif;
@@ Line 131: / Line 165: @@
    font-size: 110%;
 }
 .spell-text {
    font-family: Georgia, serif;
@@ Line 137: / Line 172: @@
    font-size: 110%;
 }
-.item-icon {
-  float: left;
-}
-.float-clear {
-  clear: both;
-}
 .outer {
@@ Line 166: / Line 189: @@
    border-bottom: 3px solid #733;
 }

Revision as of 21:58, 8 October 2023