Moona/static/css/diary.css

145 lines
2.4 KiB
CSS

.bad_user {
margin-left: auto;
margin-right: auto;
background-color: #1daff0;
color: #ffffff;
width: 50%;
height: 55%;
-webkit-border-radius:22px;
-moz-border-radius: 22px;
border-radius: 22px;
border:2px solid #ffffff;
margin-top: 20px;
}
.bad_centre {
text-align: center;
}
summary {
margin-bottom: 10px;
}
.pos_emot {
margin-bottom: 10px;
}
.nig_emot {
margin-bottom: 10px;
}
.my_author {
width:148px;
height:44px;
left:255px;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;
border:2px solid #ffffff;
background-color:#1daff0;
top: 98px;
}
.emot {
margin-bottom: 30px;
}
#image {
width: 70%;
}
#all_my_post, #all_my_post1 {
margin-left: auto;
margin-right: auto;
}
#my_post, #my_post1 {
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: #7fc3ff;
border-radius: 50px;
margin-bottom: 20px;
}
.my_author, .my_post_zag {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}
.pub, .private {
width: 60%;
height: 10%;
margin-left: auto;
margin-right: auto;
}
#add_post {
margin-top: 20px;
margin-left: 83%;
}
#edit_btn, #edit_btn1 {
background-color: #c5f1ff;
}
input[type=text], input[type=email], input[type=password], input[type=file], input[type=number]{
padding:10px;
border:5;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
border-radius:10px;
}
textarea {
width:100%;
resize: vertical;
padding:10px;
border-radius:10px;
border:5;
box-shadow:0 0 15px 4px rgba(0,0,0,0.06);
height:150px;
}
.post_form {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 50%
}
.box {
margin-left: 20px;
}
#row2, #row1 {
width: 30%;
}
#row1, #row2, #all_my_question {
display:inline-block;
vertical-align: top;
}
#all_my_question {
width: 30%;
height: -100%;
}
.question, .my_post {
background-color:#7fc3ff;
border-radius: 22px;
width: 90%;
margin-left: 10px;
}
.is_ans {
background-color:#ddefff;
border:2px solid #ffffff;
border-radius: 25px;
width: 380px;
}
.emot_block {
color: #ffffff;
font-weight: bolder;
}
table {
margin-left: 10%;
width: 90%;
}
.like {
width: 50%;
margin-left: auto;
margin-right: auto;
}
#row1_div, #row2_div {
width: 98%;
}
td {
margin: 20px;
}
#all_my_question {
width: 25%;
}
.is_ans {
width: 95%;
}