mirror of https://gitlab.com/bashrc2/epicyon
New post dropdown style
parent
5b68a63235
commit
e1bad2b044
|
@ -620,7 +620,7 @@ input[type=submit]:hover {
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: var(--dropdown-bg-color);
|
background-color: var(--dropdown-bg-color);
|
||||||
min-width: 500px;
|
min-width: 600px;
|
||||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
@ -691,7 +691,7 @@ input[type=checkbox]
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropbtn {
|
.dropbtn {
|
||||||
margin: 10px auto;
|
margin: 3%;
|
||||||
padding: 0px 14px;
|
padding: 0px 14px;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -701,8 +701,9 @@ input[type=checkbox]
|
||||||
|
|
||||||
.dropbtn img {
|
.dropbtn img {
|
||||||
opacity: 1.0;
|
opacity: 1.0;
|
||||||
width: 32px;
|
width: 3%;
|
||||||
height: 32px;
|
height: 3%;
|
||||||
|
min-width: 40px;
|
||||||
padding: 0px 16px;
|
padding: 0px 16px;
|
||||||
-ms-transform: translateY(-10%);
|
-ms-transform: translateY(-10%);
|
||||||
transform: translateY(-10%);
|
transform: translateY(-10%);
|
||||||
|
@ -785,25 +786,25 @@ input[type=checkbox]
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
.pageicon {
|
.pageicon {
|
||||||
width: 4%;
|
width: 4%;
|
||||||
}
|
}
|
||||||
.time-right {
|
.time-right {
|
||||||
float: right;
|
float: right;
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
margin: 4px 20px;
|
margin: 4px 20px;
|
||||||
}
|
}
|
||||||
input[type=text], select, textarea {
|
input[type=text], select, textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background-color: var(--main-bg-color-reply);
|
background-color: var(--main-bg-color-reply);
|
||||||
color: var(--main-fg-color);
|
color: var(--main-fg-color);
|
||||||
}
|
}
|
||||||
input[type=button], input[type=submit] {
|
input[type=button], input[type=submit] {
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
|
@ -841,7 +842,7 @@ input[type=checkbox]
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
.scope-desc {
|
.scope-desc {
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -922,25 +923,25 @@ input[type=checkbox]
|
||||||
margin: 15px;
|
margin: 15px;
|
||||||
}
|
}
|
||||||
.pageicon {
|
.pageicon {
|
||||||
width: 8%;
|
width: 8%;
|
||||||
}
|
}
|
||||||
.time-right {
|
.time-right {
|
||||||
float: right;
|
float: right;
|
||||||
color: #aaa;
|
color: #aaa;
|
||||||
margin: 25px 20px;
|
margin: 25px 20px;
|
||||||
}
|
}
|
||||||
input[type=text], select, textarea {
|
input[type=text], select, textarea {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
font-size: 35px;
|
font-size: 30px;
|
||||||
background-color: var(--main-bg-color-reply);
|
background-color: var(--main-bg-color-reply);
|
||||||
color: var(--main-fg-color);
|
color: var(--main-fg-color);
|
||||||
}
|
}
|
||||||
input[type=button], input[type=submit] {
|
input[type=button], input[type=submit] {
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
|
@ -951,7 +952,7 @@ input[type=checkbox]
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 35px;
|
font-size: 30px;
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
input[type=file] {
|
input[type=file] {
|
||||||
|
@ -962,7 +963,7 @@ input[type=checkbox]
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 35px;
|
font-size: 30px;
|
||||||
width: 95.4%;
|
width: 95.4%;
|
||||||
}
|
}
|
||||||
.cancelbtn {
|
.cancelbtn {
|
||||||
|
@ -974,10 +975,10 @@ input[type=checkbox]
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 35px;
|
font-size: 30px;
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
.scope-desc {
|
.scope-desc {
|
||||||
font-size: 35px;
|
font-size: 30px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue