richard
/
doccano
mirror of https://github.com/doccano/doccano.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Refactor css files 

Change indent size
pull/10/head
Hironsan 6 years ago
parent
866cad7da2
commit
fdbdbeee83
3 changed files with 201 additions and 167 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 76
      app/server/static/css/admin.css
  2. 244
      app/server/static/css/annotation.css
  3. 48
      app/server/static/css/forum.css

76
app/server/static/css/admin.css
View File

@ -1,80 +1,80 @@
.aside {
display: block;
background-color: #2a2e2f;
border-right: 1px solid #DEDEDE;
display: block;
background-color: #2a2e2f;
border-right: 1px solid #DEDEDE;
}
.messages {
display: block;
background-color: #f3f3f3;
border-right: 1px solid #DEDEDE;
display: block;
background-color: #f3f3f3;
border-right: 1px solid #DEDEDE;
}
.message {
display: block;
background-color: #f3f3f3;
display: block;
background-color: #f3f3f3;
}
.aside .main {
padding: 20px 40px;
color: #6F7B7E;
padding: 20px 40px;
color: #6F7B7E;
}
.aside .title {
color: #6F7B7E;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #6F7B7E;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.aside .main .item {
display: flex;
padding: 10px 0;
color: #6F7B7E;
display: flex;
padding: 10px 0;
color: #6F7B7E;
}
.aside .main .item.active {
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
}
.aside .main .item:active,
.aside .main .item:hover {
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
}
.aside .main .icon {
font-size: 19px;
padding-right: 30px;
color: #f3f3f3;
font-size: 19px;
padding-right: 30px;
color: #f3f3f3;
}
.aside .main .name {
font-size: 15px;
color: #f3f3f3;
font-weight: 500;
font-size: 15px;
color: #f3f3f3;
font-weight: 500;
}
.messages {
padding: 40px 20px;
padding: 40px 20px;
}
.message {
padding: 40px 20px;
padding: 40px 20px;
}
.content {
font-size: 16pt;
line-height: 250%;
font-size: 16pt;
line-height: 250%;
}
.bordered-row {
border-color: #dfe8f1;
border-top-width: 1px;
border-top-style: dashed;
align-items: center;
padding-top: .75rem;
border-color: #dfe8f1;
border-top-width: 1px;
border-top-style: dashed;
align-items: center;
padding-top: .75rem;
}

244
app/server/static/css/annotation.css
View File

@ -1,264 +1,266 @@
html,
body {
font-family: arial, 'Open Sans', serif;
line-height: 1.5;
height: 100%;
background-color: #f3f3f3;
font-family: arial, 'Open Sans', serif;
line-height: 1.5;
height: 100%;
background-color: #f3f3f3;
}
.aside {
display: block;
background-color: #2a2e2f;
border-right: 1px solid #DEDEDE;
display: block;
background-color: #2a2e2f;
border-right: 1px solid #DEDEDE;
}
.messages {
display: block;
background-color: #fff;
border-right: 1px solid #DEDEDE;
display: block;
background-color: #fff;
border-right: 1px solid #DEDEDE;
}
.message {
display: block;
background-color: #f3f3f3;
display: block;
background-color: #f3f3f3;
}
.aside .main {
padding: 20px 40px;
color: #6F7B7E;
padding: 20px 40px;
color: #6F7B7E;
}
.aside .title {
color: #6F7B7E;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #6F7B7E;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
}
.aside .main .item {
display: flex;
padding: 10px 0;
color: #6F7B7E;
display: flex;
padding: 10px 0;
color: #6F7B7E;
}
.aside .main .item.active {
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
}
.aside .main .item:active,
.aside .main .item:hover {
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
background-color: #5a5e5f;
margin: 0 -50px;
padding-left: 50px;
}
.aside .main .icon {
font-size: 19px;
padding-right: 30px;
color: #f3f3f3;
font-size: 19px;
padding-right: 30px;
color: #f3f3f3;
}
.aside .main .name {
font-size: 15px;
color: #f3f3f3;
font-weight: 500;
font-size: 15px;
color: #f3f3f3;
font-weight: 500;
}
.messages {
padding: 40px 20px;
padding: 40px 20px;
}
.message {
padding: 40px 20px;
padding: 40px 20px;
}
.progress-bar {
margin-bottom:20px;
width: 150px;
margin-bottom: 20px;
width: 150px;
}
.pg {
display: inline-block;
top: 10px;
display: inline-block;
top: 10px;
}
.is-grouped .button {
background-image: linear-gradient(#F8F8F8, #F1F1F1);
background-image: linear-gradient(#F8F8F8, #F1F1F1);
}
.is-grouped .button .fa {
font-size: 15px;
color: #AAAAAA;
font-size: 15px;
color: #AAAAAA;
}
.inbox-messages {
margin-top: 60px;
margin-top: 60px;
}
.message-preview {
margin-top: 60px;
margin-top: 60px;
}
.inbox-messages .card {
width: 100%;
width: 100%;
}
.inbox-messages strong {
color: #5D5D5D;
color: #5D5D5D;
}
.inbox-messages .msg-check {
padding: 0 20px;
padding: 0 20px;
}
.inbox-messages .msg-subject {
padding: 10px 0;
color: #5D5D5D;
padding: 10px 0;
color: #5D5D5D;
}
.inbox-messages .msg-attachment {
float: right;
float: right;
}
.inbox-messages .msg-snippet {
padding: 5px 20px 0px 5px;
padding: 5px 20px 0px 5px;
}
.inbox-messages .msg-subject .fa {
font-size: 14px;
padding: 3px 0;
font-size: 14px;
padding: 3px 0;
}
.card.active {
background-color: #F5F5F5;
background-color: #F5F5F5;
}
.content {
font-size: 16pt;
line-height: 250%;
font-size: 16pt;
line-height: 250%;
}
.content .tag {
font-size: 16pt;
height: 1.5em;
padding-left: .5em;
padding-right: .5em;
font-size: 16pt;
height: 1.5em;
padding-left: .5em;
padding-right: .5em;
}
:focus {
outline: 0;
outline: 0;
}
.hidden {
display: none;
display: none;
}
.todoapp {
background: #fff;
margin: 30px 0 0 0;
position: relative;
box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1)
background: #fff;
margin: 30px 0 0 0;
position: relative;
box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1)
}
.todoapp input::-webkit-input-placeholder {
font-style: italic;
font-weight: 300;
color: #e6e6e6;
font-style: italic;
font-weight: 300;
color: #e6e6e6;
}
.todoapp input::-moz-placeholder {
font-style: italic;
font-weight: 300;
color: #e6e6e6;
font-style: italic;
font-weight: 300;
color: #e6e6e6;
}
.todoapp input::input-placeholder {
font-style: italic;
font-weight: 300;
color: #e6e6e6;
font-style: italic;
font-weight: 300;
color: #e6e6e6;
}
.new-todo,
.edit {
position: relative;
margin: 0;
width: 100%;
font-size: 16pt;
font-family: inherit;
font-weight: inherit;
line-height: 1.4em;
border: 0;
color: inherit;
padding: 6px;
border: 1px solid #999;
box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
margin: 0;
width: 100%;
font-size: 16pt;
font-family: inherit;
font-weight: inherit;
line-height: 1.4em;
border: 0;
color: inherit;
padding: 6px;
border: 1px solid #999;
box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.new-todo {
padding: 1.5rem;
border: none;
background: rgba(0, 0, 0, 0.003);
box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);
padding: 1.5rem;
border: none;
background: rgba(0, 0, 0, 0.003);
box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
}
.todo-list {
margin: 0;
padding: 0;
list-style: none;
margin: 0;
padding: 0;
list-style: none;
}
.todo-list li {
position: relative;
font-size: 16pt;
border-bottom: 1px solid #ededed;
position: relative;
font-size: 16pt;
border-bottom: 1px solid #ededed;
}
.todo-list li:last-child {
border-bottom: none;
border-bottom: none;
}
.todo-list li.editing {
border-bottom: none;
padding: 0;
border-bottom: none;
padding: 0;
}
.todo-list li.editing .edit {
display: block;
padding: 12px 16px;
display: block;
padding: 12px 16px;
}
.todo-list li.editing .view {
display: none;
display: none;
}
.todo-list li label {
word-break: break-all;
padding: 1.5rem 60px 1.5rem 1.5rem;
display: block;
line-height: 1.2;
transition: color 0.4s;
word-break: break-all;
padding: 1.5rem 60px 1.5rem 1.5rem;
display: block;
line-height: 1.2;
transition: color 0.4s;
}
.todo-list li .destroy {
display: none;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto 0;
display: none;
position: absolute;
top: 0;
right: 10px;
bottom: 0;
margin: auto 0;
}
.todo-list li:hover .destroy {
display: block;
display: block;
}
.todo-list li .edit {
display: none;
display: none;
}
.todo-list li.editing:last-child {
margin-bottom: -1px;
margin-bottom: -1px;
}

48
app/server/static/css/forum.css
View File

@ -1,48 +1,64 @@
html,body {
html,
body {
font-family: 'Open Sans', serif;
background: #F9F9F9;
}
footer {
background-color: #2a2e2f !important;
padding: 2rem 1.5rem 3rem !important;
}
.footer a {
color: white;
}
.footer h2 {
margin-bottom: 10px;
}
.footer p, strong {
.footer p,
strong {
color: lemonchiffon;
}
.navbar {
background-color: #2a2e2f;
}
.navbar.has-shadow {
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}
.navbar-item {
color: white;
}
.topNav {
border-top: 5px solid #3498DB;
}
.topNav .container {
border-bottom: 1px solid #E6EAEE;
}
.container .columns {
margin: 2rem 0;
}
aside.menu {
padding-top: 3rem;
}
aside.menu .menu-list {
line-height: 1.5;
}
aside.menu .menu-label {
padding-left: 10px;
font-weight: 700;
}
.button.is-primary.is-alt {
background: #00c6ff;
background: -webkit-linear-gradient(to bottom, #0072ff, #00c6ff);
@ -52,44 +68,53 @@ aside.menu .menu-label {
height: 3rem;
line-height: 2.8;
}
.media-left img {
border-radius: 50%;
}
.media-content p {
font-size: 14px;
line-height: 2.3;
font-weight: 700;
color: #8F99A3;
}
article.post {
margin: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid #E6EAEE;
}
article.post:last-child {
padding-bottom: 0;
border-bottom: none;
}
.menu-list li{
.menu-list li {
padding: 5px;
}
.tag:not(body).is-grey {
background-color: #eee;
color: #666;
background-color: #eee;
color: #666;
}
p {
font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
}
.tabs-details {
margin-right: 1px;
}
.project-image {
background-image: url('/static/images/cat.png');
background-size: cover;
background-repeat: no-repeat;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.is-shady {
animation: flyintoright .4s backwards;
background: #fff;
@ -100,21 +125,28 @@ p {
position: relative;
transition: all .2s ease-in-out;
}
.is-shady:hover {
box-shadow: 0 10px 16px rgba(0, 0, 0, .13), 0 6px 6px rgba(0, 0, 0, .19);
}
.menu-list a.active {
background-color: #3273dc;
color: #fff;
}
.select-height {
height: 100% !important;
max-height: 200px !important;
}
.pagination-link, .pagination-next, .pagination-previous {
.pagination-link,
.pagination-next,
.pagination-previous {
background-color: white;
margin-top: 20px;
}
.card-header-title {
padding: 1.5rem;
}
Write Preview
Loading…
Cancel
Save