ComunicWeb/assets/css/components/posts/ui.css

104 lines
1.4 KiB
CSS
Raw Permalink Normal View History

2017-12-31 17:51:46 +00:00
/**
* Posts UI stylesheet
*
* @author Pierre HUBERT
*/
2018-01-10 19:29:34 +00:00
/**
* Top right actions
*/
.post .top-right-buttons div {
display: inline-block;
padding-right: 10px;
}
.post .top-right-buttons div .btn-group {
padding-right: 0px;
}
2018-01-10 18:16:28 +00:00
/**
* For the visibility
*/
2018-01-10 19:29:34 +00:00
.post .visibility .read-only {
2018-01-10 18:16:28 +00:00
color: #b5bbc8;
2018-01-10 19:29:34 +00:00
}
/**
2018-01-14 07:09:04 +00:00
* Posts deletion and edition
2018-01-10 19:29:34 +00:00
*/
2018-01-14 07:09:04 +00:00
.post .del-post-div a,
.post .edit-post-div a {
2018-01-10 19:29:34 +00:00
color: #b5bbc8;
}
2018-01-14 07:09:04 +00:00
.post .del-post-div a:active,
.post .edit-post-div a:active {
2018-01-10 19:29:34 +00:00
color: black;
2018-01-10 18:16:28 +00:00
}
/**
* For the post content
*/
2017-12-31 17:51:46 +00:00
.post .post_content {
text-align: center;
}
.post .post-buttons {
text-align: center;
}
.post .post-image {
width: 100%;
2018-01-03 09:37:46 +00:00
}
.post .post-video {
2018-01-04 16:16:27 +00:00
text-align: center;
}
.post .post-video video {
2018-01-03 09:37:46 +00:00
max-width: 100%;
height: 300px;
2018-01-03 09:53:33 +00:00
}
.post .post-pdf {
text-align: center;
2018-01-03 10:11:24 +00:00
}
2019-02-23 18:08:34 +00:00
.post .post-youtube.post-youtube-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
background-color: #3c8dbc;
color: white;
border-radius: 5px;
}
.post .post-youtube.post-youtube-placeholder .title {
font-size: 150%;
}
2018-01-03 10:11:24 +00:00
.post .post-youtube {
width: 100%;
height: 300px;
2018-01-03 12:38:06 +00:00
}
.post .post-countdown {
text-align: center;
padding: 10px;
2018-01-04 10:22:41 +00:00
}
/**
* Survey specific rules
*/
2018-01-04 10:22:41 +00:00
.post .post-survey-question {
text-align: center;
}
2018-03-25 07:43:39 +00:00
.post .post-survey-chart-container {
2018-01-04 10:22:41 +00:00
margin-bottom: 10px;
}
.post .survey-given-response {
text-align: center;
2017-12-31 17:51:46 +00:00
}