2016-02-12 23:52:43 +08:00
|
|
|
// Place all the styles related to the MyModules controller here.
|
|
|
|
// They will automatically be included in application.css.
|
|
|
|
// You can use Sass (SCSS) here: http://sass-lang.com/
|
|
|
|
|
2016-12-16 17:43:14 +08:00
|
|
|
@import 'constants';
|
|
|
|
|
2016-02-12 23:52:43 +08:00
|
|
|
/* Results index page */
|
|
|
|
|
|
|
|
#results {
|
|
|
|
margin-top: 20px;
|
2016-07-21 19:11:15 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-colorselector{
|
2016-12-06 19:01:02 +08:00
|
|
|
background-color: transparent;
|
2016-09-15 17:45:51 +08:00
|
|
|
}
|
|
|
|
|
2016-09-16 15:04:21 +08:00
|
|
|
.step-container .row {
|
|
|
|
margin-left: 0;
|
|
|
|
margin-right: 0;
|
2016-09-15 17:45:51 +08:00
|
|
|
}
|
2016-09-26 21:50:09 +08:00
|
|
|
|
2016-11-29 00:14:27 +08:00
|
|
|
.module-large {
|
|
|
|
.description-label {
|
|
|
|
word-break: break-all;
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
2016-09-26 21:50:09 +08:00
|
|
|
|
2016-11-29 00:14:27 +08:00
|
|
|
.comment {
|
|
|
|
word-break: break-all;
|
|
|
|
word-wrap: break-word;
|
|
|
|
}
|
2016-11-29 00:16:39 +08:00
|
|
|
}
|
2016-12-16 17:43:14 +08:00
|
|
|
|
|
|
|
.modal-image-preview {
|
|
|
|
background: transparent;
|
|
|
|
font-size: 16px;
|
2016-12-20 22:36:07 +08:00
|
|
|
padding-right: 0 !important;
|
2016-12-16 17:43:14 +08:00
|
|
|
|
|
|
|
.preview-close {
|
|
|
|
background: transparent;
|
|
|
|
border: 0;
|
|
|
|
color: $color-white;
|
|
|
|
display: inline-block;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2016-12-20 00:36:18 +08:00
|
|
|
.modal-dialog {
|
|
|
|
height: 100%;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
2016-12-16 17:43:14 +08:00
|
|
|
.modal-content {
|
|
|
|
background: transparent;
|
|
|
|
border: 0;
|
|
|
|
-webkit-box-shadow: none;
|
|
|
|
box-shadow: none;
|
|
|
|
color: $color-white;
|
2016-12-20 00:36:18 +08:00
|
|
|
height: 100%;
|
|
|
|
width: auto;
|
2016-12-16 17:43:14 +08:00
|
|
|
}
|
|
|
|
|
2016-12-20 00:36:18 +08:00
|
|
|
img {
|
|
|
|
left: 50%;
|
|
|
|
margin-right: -50%;
|
|
|
|
max-height: 100%;
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
width: auto;
|
2016-12-16 17:43:14 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.modal-header {
|
|
|
|
background: $color-black;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-body {
|
2016-12-20 00:36:18 +08:00
|
|
|
height: 85%;
|
|
|
|
position: relative;
|
|
|
|
width: auto;
|
2016-12-16 17:43:14 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.modal-footer {
|
|
|
|
background: $color-black;
|
|
|
|
border: 0;
|
2016-12-20 00:36:18 +08:00
|
|
|
bottom: 0;
|
|
|
|
position: fixed;
|
2016-12-16 17:43:14 +08:00
|
|
|
text-align: center;
|
2016-12-20 00:36:18 +08:00
|
|
|
width: 100%;
|
2016-12-16 17:43:14 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.image-download-link {
|
|
|
|
color: $color-white;
|
|
|
|
display: inline-block;
|
|
|
|
float: right;
|
|
|
|
margin-right: 20px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-backdrop.modal-image-preview {
|
|
|
|
background: $color-black;
|
|
|
|
|
|
|
|
.in {
|
|
|
|
filter: alpha(opacity = 99);
|
|
|
|
opacity: .99;
|
|
|
|
}
|
|
|
|
}
|