split comments css
This commit is contained in:
parent
b420bf43b7
commit
100fe79b1d
4 changed files with 61 additions and 50 deletions
43
app/static/css/comments.css
Normal file
43
app/static/css/comments.css
Normal file
|
@ -0,0 +1,43 @@
|
|||
|
||||
.comments h3 {
|
||||
font-weight: bold;
|
||||
padding: 4px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
//display: none;
|
||||
}
|
||||
.comments.active h3 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.comments .icon svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.add-comment {
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
text-align: center;
|
||||
}
|
||||
.add-comment input {
|
||||
width: 100px;
|
||||
}
|
||||
.add-comment textarea {
|
||||
width: 80%;
|
||||
display: block;
|
||||
background: black;
|
||||
color: white;
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.add-comment button {
|
||||
background: red;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.comment .text {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
|
@ -86,6 +86,16 @@ video, .poster {
|
|||
.layer.active:first-child {
|
||||
padding-top: 0px;
|
||||
}
|
||||
.layer h3 {
|
||||
font-weight: bold;
|
||||
padding: 4px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
//display: none;
|
||||
}
|
||||
.layer.active h3 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.annotation {
|
||||
padding: 4px;
|
||||
|
@ -107,20 +117,10 @@ video, .poster {
|
|||
}
|
||||
}
|
||||
|
||||
.layer h3,
|
||||
.comments h3 {
|
||||
font-weight: bold;
|
||||
padding: 4px;
|
||||
padding-left: 0;
|
||||
margin: 0;
|
||||
//display: none;
|
||||
.layer h3 {
|
||||
cursor: pointer;
|
||||
}
|
||||
.layer.active h3 {
|
||||
display: block;
|
||||
}
|
||||
.layer .icon svg,
|
||||
.comments .icon svg {
|
||||
.layer .icon svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
|
|
@ -1,40 +1,8 @@
|
|||
{% extends "base.html" %}
|
||||
{% block head %}
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: turquoise;
|
||||
}
|
||||
.add-comment {
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
text-align: center;
|
||||
}
|
||||
.add-comment input {
|
||||
width: 100px;
|
||||
}
|
||||
.add-comment textarea {
|
||||
width: 80%;
|
||||
display: block;
|
||||
background: black;
|
||||
color: white;
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.add-comment button {
|
||||
background: red;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.comment .text {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/css/reset.css"></link>
|
||||
<link rel="stylesheet" href="/static/css/style.css"></link>
|
||||
<link rel="stylesheet" href="/static/css/comments.css"></link>
|
||||
{% endblock %}
|
||||
{% block main %}
|
||||
<div class="content">
|
||||
|
|
Loading…
Reference in a new issue