theme_nin/sass/layout/_prompt.sass

90 lines
1.6 KiB
Sass
Raw Normal View History

2015-07-31 10:58:25 +02:00
/*********** POPUP PROMPT *************/
.prompt-wrapper
background: $bloc-light-color
2015-08-03 19:36:37 +02:00
z-index: 200
2015-07-31 10:58:25 +02:00
position: fixed
top: 50%
left: 50%
width: 600px
margin-left: -300px
+box-shadow(0 8px 33px rgba(#000, .3))
.following-config-method-buttons
2015-07-31 10:58:25 +02:00
padding: 0 20px 20px 0
float: right
.modal-content
padding: 20px
2015-09-01 07:01:59 +02:00
.post-area
textarea
clear: both
2015-07-31 10:58:25 +02:00
.post-data
border: 1px solid $bloc-background-color
position: relative
padding: 10px
background: white
.modal-header
@extend .modal-header
h3 span
padding-left: 5px
color: white
&:hover
cursor: default
.modal-buttons
margin: 4px 0
text-align: right
.switch-mode
display: inline-block
float: left
margin: 12px 4px 4px
2015-08-21 09:55:01 +05:00
color: $main-color-color
cursor: pointer
font-size: .8rem
line-height: .8rem
2015-08-21 09:55:01 +05:00
@extend .ion
@extend .ion-shuffle
2015-07-31 10:58:25 +02:00
2015-11-06 21:36:12 +05:00
.confirm-popup.prompt-wrapper
margin-top: -100px
2015-07-31 10:58:25 +02:00
/************ FOLLOWING-CONFIG MODAL **********/
.prompt-wrapper.following-config-modal
margin-top: -100px
h2
text-transform: none
display: inline-block!important
font-size: 1rem
font-weight: 400
padding: $space
span
display: inline-block!important
b
font-weight: 400
/************ RETWIST POSTS MODAL **********/
.prompt-wrapper.reTwist
&.prompt-wrapper
margin-top: -150px
2015-07-31 10:58:25 +02:00
.post-expand, .post-interactions
display: none
.post-info-time
position: static
float: right
/********* REPLY POSTS MODAL***************/
.prompt-wrapper.reply
&.prompt-wrapper
margin-top: -110px
.post-expand, .post-interactions
2015-07-31 10:58:25 +02:00
display: none
.post-area
padding-bottom: 6px