-.boxtitle
- font-weight: bold
-
+#main-title
+ font-style: italic
+ background: linear-gradient(#e66465, #9198e5)
+ margin-top: 0
+ margin-left: 0
+ margin-right: 0
+ img
+ height: 30px
+ span
+ padding-left: 10px
+ padding-right: 15px
+
+// TODO: box-shadow or box-sizeing ?
+//https://stackoverflow.com/questions/9601357/placing-border-inside-of-div-and-not-on-its-edge
.variant
- color: black
- margin-top: 20px
+ box-sizing: border-box
+ border: 1px solid brown
+ background-color: lightyellow
a
color: #663300
+ .boxtitle
+ font-weight: bold
-.help
+#needHelp
cursor: pointer
-.card > h3.section.blue
- color: #0033cc
+#readThis
+ color: blue
+ text-decoration: underline
+ cursor: pointer
-.card > h3.section.red
- color: #cc3300
+#b4welcome
+ max-width: 320px
-#welcome, #help
- max-height: 100vh
+#welcome
max-width: 90vw
-
-@media screen and (max-width: 400px)
- #welcome, #help
+ @media screen and (max-width: 767px)
max-width: 100vw
-
-#welcome ul
- list-style-type: none
-
-#welcome ul > li
- font-family: monospace
-
-table.list-table
- width: 300px
- margin: 0 auto
- border: 0
- tbody
+ ul
+ list-style-type: none
+ // TODO: bad practice, use table to align things...
+ table.list-table
+ width: 300px
+ margin: 0 auto
border: 0
- tr
+ tbody
border: 0
- margin: 0
- padding: 0
- td
- padding: 0
- text-align: left
+ tr
border: 0
+ margin: 0
+ padding: 0
+ td
+ padding: 0
+ text-align: left
+ border: 0
+ #disableMsg
+ cursor: pointer
+ color: darkred