improve some styles with rounded-button

app/css/master.css

@@ -28,7 +28,9 @@ html {
 	text-transform: none;
 	height: 2.76rem;
 	line-height: 2.76rem;
+	border-radius: 0.5rem;
 }
+
 .markdown {
 	display: none;
 }
@@ -88,7 +90,7 @@ option {
 
 #imagewrap {
 	width: 100%;
-	height: 100%;
+	height: calc(100% - 4px);
 }
 #imagewrap img.rotate-90 {
 	transform: rotate(-90deg);
@@ -234,6 +236,12 @@ blockquote:before,
 	right: 0;
 	top: 0;
 }
+.menu-icon {
+	font-size: 1.4rem !important;
+	top: 0.3rem;
+	line-height: 1rem !important;
+	position: relative;
+}
 #start {
 	display: none;
 	position: fixed;
@@ -329,8 +337,26 @@ blockquote:before,
 .collapsible-header:focus {
 	background-color: var(--thirdColor) !important;
 }
-.modal-footer {
+.modal .modal-footer {
 	background-color: var(--modalfooter) !important;
+	border-radius: 0;
+	padding: 0;
+}
+.modal {
+	border-radius: 1.5rem;
+}
+.progress .determinate,
+.progress .indeterminate {
+	background-color: var(--active);
+}
+.nomargin {
+	margin: 0;
+}
+#imginfo {
+	float: left;
+	padding-top: 0.23rem;
+	line-height: normal;
+	padding-left: 1rem;
 }
 .font {
 	font-size: 1.5rem;
@@ -342,7 +368,8 @@ blockquote:before,
 .release-do {
 	border: solid 2px;
 	border-color: var(--text);
-	padding: 5px;
+	padding: 1.5rem;
+	border-radius: 0.5rem;
 }
 #pickers {
 	display: flex;
@@ -392,7 +419,8 @@ input[type='color']::-webkit-color-swatch {
 	color: var(--text);
 }
 #left-menu a:hover {
-	background-color: var(--beforehover);
+	background-color: var(--emphasized);
+    filter: brightness(80%);
 }
 #left-menu span {
 	margin-left: 0.4rem;
@@ -401,7 +429,9 @@ input[type='color']::-webkit-color-swatch {
 	background-color: var(--emphasized);
 }
 #left-menu a.active span {
-	text-decoration: underline;
+	text-decoration: none;
+	border-bottom: 1px solid;
+	padding-bottom: 0.5px;
 }
 #right-menu {
 	width: 100%;
@@ -419,7 +449,7 @@ input[type='color']::-webkit-color-swatch {
 	align-items: center;
 	min-width: 150px;
 	width: 50%;
-    height: 2.5rem;
+	height: 2.5rem;
 	cursor: pointer;
 	color: var(--text);
 }
@@ -430,13 +460,14 @@ input[type='color']::-webkit-color-swatch {
 }
 #tltype .type span {
 	width: calc(100% - 4rem);
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-break: break-word;
-    overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	word-break: break-word;
+	overflow: hidden;
 }
 #tltype .type:hover {
-	background-color: var(--beforehover);
+	background-color: var(--emphasized);
+    filter: brightness(80%);
 }
 #tltype .active {
 	background-color: var(--emphasized);
@@ -722,10 +753,10 @@ button {
 }
 #fonts {
 	overflow-y: scroll;
-    width: 22rem;
-    height: 40rem;
-    position: absolute;
-    background-color: var(--bg);
-    z-index: 2;
-    padding: 5px;
-}
+	width: 22rem;
+	height: 40rem;
+	position: absolute;
+	background-color: var(--bg);
+	z-index: 2;
+	padding: 5px;
+}

app/css/tl.css

@@ -360,7 +360,7 @@ iframe,
 }
 .area-actions .btn-flat {
 	height: 1.3rem;
-    line-height: 1.3rem;
+	line-height: 1.3rem;
 }
 .area-actions .btn-flat,
 .area-vis i,
@@ -386,11 +386,13 @@ iframe,
 }
 .notf-udg-text {
 	white-space: nowrap;
-    text-overflow: ellipsis;
-    word-break: break-word;
-    overflow: hidden;
-    max-width: calc(100% - 150px);
-    display: inline-block;
+	text-overflow: ellipsis;
+	word-break: break-word;
+	overflow: hidden;
+	max-width: calc(100% - 150px);
+	display: inline-block;
+	position: relative;
+	top: 0.2rem;
 }
 .cusr {
 	user-select: text;
@@ -416,6 +418,12 @@ iframe,
 	margin-top: 0.46rem;
 	margin-left: 0.46rem;
 }
+.landing {
+	text-align: center;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
 
 .quote-inline {
 	display: none;
@@ -449,6 +457,12 @@ iframe,
 .btn-flat {
 	color: var(--text);
 }
+.sublink {
+	font-size: 1.4rem !important;
+	position: relative;
+	top: 0.4rem;
+	cursor: pointer;
+}
 .area-side i {
 	margin-left: 0.75rem;
 }
@@ -459,6 +473,9 @@ iframe,
 	font-size: 1.2rem;
 	margin-right: 0.15rem;
 }
+.action li i {
+	margin-right: 0.5rem;
+}
 .action .fa-quote-right {
 	margin-top: 0.15rem;
 }
@@ -710,15 +727,15 @@ p:not(:last-child) {
 }
 .notf-indv-box .setting {
 	font-size: 1rem;
-    width: calc(25% - 6px);
-    margin: 3px;
-    height: 100px;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    padding-top: 17px;
-    border: 1px solid;
-    border-radius: 5px;
+	width: calc(25% - 6px);
+	margin: 3px;
+	height: 100px;
+	text-align: center;
+	display: flex;
+	flex-direction: column;
+	padding-top: 17px;
+	border: 1px solid;
+	border-radius: 5px;
 }
 .notf-indv-box .setting:hover {
 	color: var(--text);
@@ -761,7 +778,7 @@ p:not(:last-child) {
 	position: relative;
 }
 .dropdown-content li {
-    padding-top: 0.4rem;
+	padding-top: 0.4rem;
 }
 .fa-2x > .emoji-img {
 	width: 2.3rem !important;

app/css/userdata.css

@@ -24,21 +24,20 @@
 }
 #his-float-data {
 	height: 100%;
-  overflow-y: hidden;
-  
+	overflow-y: hidden;
 }
 #his-leftside {
-  width: 28.4rem;
-  max-width: 30vw;
+	width: 28.4rem;
+	max-width: 30vw;
 }
 #his-float-timeline {
-  max-width: 47.5rem;
-  min-width: calc(100% - 29.4rem);
+	max-width: 47.5rem;
+	width: calc(100% - 28.4rem);
 	height: 100%;
 	overflow-y: hidden;
 }
 #his-basic-prof {
-  display: flex;
+	display: flex;
 	min-height: 10rem;
 }
 #his-field {
@@ -150,7 +149,7 @@
 	background-color: var(--bg);
 }
 #hisdropdown li a {
-	color: white;
+	color: var(--text);
 }
 #hisdropdown li:hover {
 	background-color: var(--active);
@@ -160,11 +159,14 @@
 	text-align: center;
 	font-size: 1.5rem;
 	display: flex;
-    justify-content: center;
-    align-items: center;
+	justify-content: center;
+	align-items: center;
 }
 #his-data-title .material-icons {
 	position: relative;
-    top: 7px;
-    margin-right: 3px;
+	top: 5px;
+	margin-right: 3px;
+}
+#his-data-title a {
+	color: white;
 }