display: block;
background-color: DarkSlateGrey;
color: White;
- font-size: 1.7vh;
+ font-size: calc(50% + 0.6vw);
border: none;
padding: 1vh;
}
border: 1px solid GhostWhite;
background-color: GhostWhite;
color: Black;
- font-size: 1.5vh;
+ font-size: calc(50% + 0.7vh);
border-radius: 5px;
}
}
.ctdl-forum-reading-pane {
- background-color: White; /* Background behind the message boxes */
+ background-color: White; /* Background behind the message boxes */
}
.ctdl-fmsg-wrapper { /* message wrapper for forum view */
border-width: thin;
border-color: Black;
cursor: default;
+ font-size: calc(50% + 0.4vh);
}
.ctdl-msg-button:hover {
background-color: #123456;
color: GhostWhite;
- transition: .3s;
+ transition: .4s;
border-color: #123456;
cursor: default;
}
overflow: hidden;
}
+.ctdl-upload {
+ display: none; /* set to 'block' to make it appear when needed */
+ width: 95%;
+ height: 95%;
+ border: 2px dashed #ccc;
+ border-radius: 20px;
+ border-color: Black;
+ justify-content: center;
+ align-items: center;
+ padding: 1em;
+ background-color: GhostWhite;
+}
+
+.ctdl-upload.highlight {
+ border-color: Blue;
+}
+
.ctdl-compose-attachments-title {
padding: 1em;
background: Gainsboro;
align-content: start
}
-.ctdl-upload-drop-area { /* shamelessly swiped from https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/ */
- border: 2px dashed #ccc;
- border-radius: 20px;
- width: 480px;
- font-family: sans-serif;
- margin: 100px auto;
- padding: 20px;
-}
-
-.ctdl-upload-drop-area.highlight {
- border-color: purple;
-}
-
-.my-form {
+.ctdl-upload-form {
+ text-align: center;
margin-bottom: 10px;
}