1
0
Fork 0
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:
EnesAlili 2016-06-17 21:10:22 +01:00
parent 8e2364ab64
commit 87e487c763
9 changed files with 42 additions and 43 deletions

View file

@ -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;

View file

@ -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;
}
}
}

View file

@ -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;

View file

@ -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;
}
}

View file

@ -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;
}
}

View file

@ -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;
}
}
}

View file

@ -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';
}

View file

@ -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 {

View file

@ -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;