-#main-title
- font-style: italic
+#header
+ width: 100%
background: linear-gradient(#e66465, #9198e5)
- margin-top: 0
- margin-left: 0
- margin-right: 0
+ height: 77px
+ @media screen and (max-width: 767px)
+ height: 43px
+
+.info-container
+ display: inline-block
+ vertical-align: top
+ padding: 0
+ box-sizing: border-box
+ p
+ display: inline-block
+ padding: 3px
+ border: 1px solid black;
+ margin: 27px 15px 5px 7px
+ @media screen and (max-width: 767px)
+ margin-top: 7px
+
+#mainTitle
+ font-style: italic
+ margin-left: 10px
+ @media screen and (max-width: 767px)
+ margin-left: 5px
+ float: left
img
+ display: inline-block
height: 30px
- span
- padding-left: 10px
- padding-right: 15px
+ margin-top: 25px
+ @media screen and (max-width: 767px)
+ margin-top: 7px
+ p
+ font-weight: bold
+ padding: 0
+ border: none
+ margin-top: 22px
+ font-size: 1.5em
+ @media screen and (max-width: 767px)
+ margin-top: 10px
+ font-size: 1em
-// TODO: box-shadow or box-sizeing ?
-//https://stackoverflow.com/questions/9601357/placing-border-inside-of-div-and-not-on-its-edge
+#helpMenu
+ float: right
+ @media screen and (max-width: 767px)
+ .info-container
+ p
+ margin-right: 5px
+
+#flagMenu
+ float: right
+ margin-right: 10px
+ @media screen and (max-width: 767px)
+ margin-right: 5px
+ img
+ display: inline-block
+ height: 30px
+ padding-top: 27px
+ @media screen and (max-width: 767px)
+ padding-top: 8px
+
+// TODO: box-shadow or box-sizing ? https://stackoverflow.com/a/13517809
.variant
box-sizing: border-box
border: 1px solid brown
background-color: lightyellow
+ &:hover
+ background-color: yellow
a
color: #663300
+ text-decoration: none
.boxtitle
font-weight: bold
-
-#needHelp
- cursor: pointer
+ margin-bottom: 0
+ .description
+ @media screen and (max-width: 767px)
+ margin-top: 0
#readThis
- color: blue
+ margin-top: 0
+ color: var(--a-link-color)
text-decoration: underline
- cursor: pointer
-
-#b4welcome
- max-width: 320px
#welcome
- max-width: 90vw
+ max-width: 767px
@media screen and (max-width: 767px)
max-width: 100vw
+ img
+ width: 75%
+ @media screen and (max-width: 767px)
+ width: 100%
+ max-width: 552px
ul
list-style-type: none
// TODO: bad practice, use table to align things...
text-align: left
border: 0
#disableMsg
- cursor: pointer
color: darkred