mirror of
https://github.com/documize/community.git
synced 2025-08-07 22:45:24 +02:00
UI CSS tweaks
This commit is contained in:
parent
8e2364ab64
commit
87e487c763
9 changed files with 42 additions and 43 deletions
|
@ -9,7 +9,7 @@
|
|||
//
|
||||
// https://documize.com
|
||||
$color-off-white: #f5f5f5;
|
||||
$color-off-black: #4c4c4c;
|
||||
$color-off-black: #333333;
|
||||
$color-black: #000000;
|
||||
$color-white: #ffffff;
|
||||
$color-primary: #2180cc;
|
||||
|
|
|
@ -4,10 +4,6 @@
|
|||
|
||||
.attachment-zone {
|
||||
margin: 20px 0 30px 0;
|
||||
padding: 10px;
|
||||
background-color: $color-off-white;
|
||||
border: 1px solid $color-border2;
|
||||
border-radius: 2px;
|
||||
|
||||
> .list {
|
||||
margin: 0;
|
||||
|
@ -15,9 +11,11 @@
|
|||
|
||||
> .item {
|
||||
color: $color-off-black;
|
||||
margin: 0px 5px;
|
||||
margin-top: 10px;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
border-bottom: 1px solid $color-gray2;
|
||||
padding-bottom: 10px;
|
||||
|
||||
> .icon {
|
||||
vertical-align: text-top;
|
||||
|
@ -93,22 +91,21 @@
|
|||
.no-sections {
|
||||
text-align: center;
|
||||
opacity: 0.4;
|
||||
|
||||
|
||||
> .box {
|
||||
padding: 35px;
|
||||
display: inline-block;
|
||||
margin: 0 20px;
|
||||
|
||||
|
||||
> .message {
|
||||
font-size: 14px;
|
||||
color: $color-off-black;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
> .regular-button {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -3,9 +3,8 @@
|
|||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 40px 40px 20px 40px;
|
||||
background-color: darken($color-off-white, 3%);
|
||||
background-color: $color-off-white;
|
||||
color: $color-gray;
|
||||
border: 1px solid $color-border2;
|
||||
|
||||
> .meta-data {
|
||||
margin: 0;
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
.wysiwyg {
|
||||
// font-size: 1rem;
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 31px;
|
||||
color: #3c3c3c;
|
||||
|
||||
table
|
||||
{
|
||||
|
@ -18,7 +19,7 @@
|
|||
p
|
||||
{
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -40,20 +41,23 @@
|
|||
|
||||
h1
|
||||
{
|
||||
font-size: 2.5em;
|
||||
font-size: 2.3em;
|
||||
font-weight: bold;
|
||||
margin: 0 0 10px 0;
|
||||
color:$color-off-black;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
h2
|
||||
{
|
||||
font-size: 2rem;
|
||||
margin: 30px 0 20px 0;
|
||||
font-family: open_sansregular;
|
||||
}
|
||||
|
||||
h3
|
||||
{
|
||||
font-size: 1.8rem;
|
||||
font-size: 1.6rem;
|
||||
margin: 30px 0 20px 0;
|
||||
}
|
||||
|
||||
|
@ -73,8 +77,8 @@
|
|||
{
|
||||
.page-title
|
||||
{
|
||||
color: $color-primary;
|
||||
font-weight: bold;
|
||||
color:$color-off-black;
|
||||
font-family: open_sansregular;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -84,7 +84,7 @@
|
|||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
line-height: 2.6rem;
|
||||
font-family: Tahoma, 'courier', 'arial';
|
||||
font-family: open_sansregular;
|
||||
}
|
||||
|
||||
&:before {
|
||||
|
@ -96,7 +96,7 @@
|
|||
margin: 0;
|
||||
padding: 0;
|
||||
color: $color-white;
|
||||
padding: 20px 0 0 0;
|
||||
padding: 20px 0 0 0;
|
||||
|
||||
> .option {
|
||||
list-style: none;
|
||||
|
@ -118,14 +118,14 @@
|
|||
|
||||
.dual-box {
|
||||
background-color: $color-off-white;
|
||||
color: $color-off-black;
|
||||
color: $color-gray;
|
||||
height: 45px;
|
||||
border: 1px solid $color-border2;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
@extend .z-depth-tiny;
|
||||
|
@ -159,5 +159,6 @@
|
|||
|
||||
.dual-box-white {
|
||||
background-color: $color-white;
|
||||
color: $color-off-black;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
> .item {
|
||||
list-style-type: none;
|
||||
list-style: none;
|
||||
margin: 0 0 3px 0;
|
||||
margin: 0 0 5px 0;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
@ -101,14 +101,14 @@
|
|||
}
|
||||
|
||||
> .title {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 8px;
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
> .snippet {
|
||||
color: $color-gray;
|
||||
font-size: 13px;
|
||||
font-size: 14px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
> .tags {
|
||||
|
@ -117,7 +117,7 @@
|
|||
margin-top: 8px;
|
||||
|
||||
.tag {
|
||||
background-color: $color-off-white;
|
||||
background-color: $color-white;
|
||||
color: $color-stroke;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
|
@ -128,7 +128,7 @@
|
|||
transition: 0.2s all ease;
|
||||
|
||||
&:hover {
|
||||
background-color: $color-white;
|
||||
background-color: $color-off-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,7 +7,6 @@
|
|||
text-align: center;
|
||||
height: 35px;
|
||||
width: 35px;
|
||||
font-family: Tahoma, 'courier', 'arial';
|
||||
}
|
||||
|
||||
.avatar-large {
|
||||
|
@ -21,5 +20,4 @@
|
|||
letter-spacing: 1px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
font-family: Tahoma, 'courier', 'arial';
|
||||
}
|
||||
|
|
|
@ -125,7 +125,7 @@
|
|||
transition: .2s ease-out;
|
||||
border-radius: 2px;
|
||||
display: inline-block;
|
||||
height: 33px;
|
||||
height: 32px;
|
||||
line-height: 34px;
|
||||
font-size: 0.9em;
|
||||
outline: 0;
|
||||
|
@ -134,9 +134,9 @@
|
|||
-webkit-tap-highlight-color: transparent;
|
||||
color: $color-white;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
@extend .no-select;
|
||||
|
||||
border: none;
|
||||
@extend .no-select;
|
||||
|
||||
> .name {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
|
@ -166,7 +166,7 @@
|
|||
.button-transparent {
|
||||
background-color: transparent;
|
||||
color: $color-gray;
|
||||
border: 1px solid $color-gray;
|
||||
border: 1px solid $color-gray;
|
||||
}
|
||||
|
||||
.flat-button {
|
||||
|
|
|
@ -1,11 +1,11 @@
|
|||
.chip {
|
||||
display: inline-block;
|
||||
background-color: $color-chip;
|
||||
border-radius: 15px;
|
||||
border: 1px solid $color-border;
|
||||
padding: 0;
|
||||
height: 25px;
|
||||
line-height: 0;
|
||||
margin-right: 10px;
|
||||
margin-right: 5px;
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
@ -16,14 +16,14 @@
|
|||
display: inline-block;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: $color-off-white;
|
||||
color: $color-stroke;
|
||||
padding: 12px 10px 0 10px;
|
||||
letter-spacing: 0.7px;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
> i.material-icons {
|
||||
color: $color-off-white;
|
||||
color: $color-stroke;
|
||||
font-size: 13px;
|
||||
margin: 13px 8px 0 0;
|
||||
padding: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue