twister HTML + Javascript User Interface
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

102 lines
1.8 KiB

/*********** POPUP PROMPT *************/
@mixin prompt-wrapper-basic
background: $bloc-light-color
z-index: 200
position: fixed
top: 50%
left: 50%
width: 600px
margin-left: -300px
+box-shadow(0 8px 33px rgba(#000, .3))
.prompt-wrapper
@include prompt-wrapper-basic
.following-config-method-buttons
padding: 0 20px 20px 0
float: right
.modal-content
background: $bloc-light-color
padding: 20px
.post-area
textarea
clear: both
.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
color: $main-color-color
cursor: pointer
font-size: .8rem
line-height: .8rem
@extend .ion
@extend .ion-shuffle
.confirm-popup.prompt-wrapper
margin-top: -100px
/******** NEW ACCOUNT POPUP **********/
.new-account-briefing
&.prompt-wrapper
margin-top: -184px
.modal-blackout
@include modal-blackout
/************ 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
.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
display: none
.post-area
padding-bottom: 6px