@ -34,8 +34,8 @@ b, u, i, center,
@@ -34,8 +34,8 @@ b, u, i, center,
dl , dt , dd , ol , ul , li ,
fieldset , form , label , legend ,
table , caption , tbody , tfoot , thead , tr , th , td ,
article , aside , canvas , details , embed ,
figure , figcaption , footer , header , hgroup ,
article , aside , canvas , details , embed ,
figure , figcaption , footer , header , hgroup ,
menu , nav , output , ruby , section , summary ,
time , mark , audio , video , textarea
{
@ -458,7 +458,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
@@ -458,7 +458,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
{
border : solid 1px rgba ( 69 , 71 , 77 , . 1 ) ;
background : # f3f5fb ;
}
. dashboard . module {
margin : 0 0 3 % ;
@ -535,7 +535,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
@@ -535,7 +535,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
}
. userMenu-search-profiles li : hover span
{
color : # fff ;
color : # fff ;
}
. userMenu-search-profiles button
{
@ -555,11 +555,11 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
@@ -555,11 +555,11 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
}
. userMenu-search-sugestions
{
border-bottom : solid 1px rgba ( 69 , 71 , 77 , . 1 ) ;
border-bottom : solid 1px rgba ( 69 , 71 , 77 , . 1 ) ;
}
. userMenu-search-sugestions a
{
color : rgba ( 0 , 0 , 0 , . 7 ) ;
color : rgba ( 0 , 0 , 0 , . 7 ) ;
padding : 5px 20px ;
font-size : 12px ;
display : block ;
@ -585,7 +585,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
@@ -585,7 +585,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
{
font-size : 12px ;
font-weight : bold ;
color : rgba ( 0 , 0 , 0 , . 7 ) ;
color : rgba ( 0 , 0 , 0 , . 7 ) ;
padding : 0 75px 0 15px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
@ -699,12 +699,12 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
@@ -699,12 +699,12 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
}
. mini-profile-actions ul li + li
{
margin : 0 2px ;
margin : 0 2px ;
}
. mini-profile-actions : hover ul li : hover
{
background : rgba ( 0 , 0 , 0 , . 7 ) ;
color : # fff ;
color : # fff ;
}
. mini-profile-info a : hover
{
@ -796,7 +796,7 @@ textarea.splited-post {
@@ -796,7 +796,7 @@ textarea.splited-post {
font : 17px / 34px "Open Sans Condensed" ;
border-radius : 2px ;
opacity : 1 ;
-webkit-transition : all 200ms ;
-moz-transition : all 200ms ;
-ms-transition : all 200ms ;
@ -812,7 +812,7 @@ textarea.splited-post {
@@ -812,7 +812,7 @@ textarea.splited-post {
font : 17px / 34px "Open Sans Condensed" , Symbola ;
border-radius : 2px ;
opacity : 1 ;
-webkit-transition : all 200ms ;
-moz-transition : all 200ms ;
-ms-transition : all 200ms ;
@ -823,7 +823,7 @@ textarea.splited-post {
@@ -823,7 +823,7 @@ textarea.splited-post {
. post-submit : hover , . dm-submit : hover , . undo-unicode : hover {
color : # fff ;
opacity : . 9 ;
}
. directMessages . dm-submit {
margin-right : 55px ;
@ -1077,11 +1077,7 @@ textarea.splited-post {
@@ -1077,11 +1077,7 @@ textarea.splited-post {
background : # 7691ce ;
border-radius : 2px ;
}
. postboard h2 . fixed
{
z-index : 2 ;
border-top : solid 4px # fbf9f6 ;
}
. postboard a . promoted-posts-only {
display : inline-block ;
padding : 0 15px ;
@ -1110,7 +1106,7 @@ textarea.splited-post {
@@ -1110,7 +1106,7 @@ textarea.splited-post {
. postboard-posts li : first-child {
border-radius : 4px 4px 0 0 ;
}
. postboard-news {
. postboard-news {
float : right ;
background : rgba ( 0 , 0 , 0 , . 2 ) ;
border : none ;
@ -1153,7 +1149,7 @@ textarea.splited-post {
@@ -1153,7 +1149,7 @@ textarea.splited-post {
}
. postboard-posts > . post : after
{
content : "" ;
content : "" ;
position : absolute ;
right : 0 ;
top : 0 ;
@ -1745,67 +1741,52 @@ textarea.splited-post {
@@ -1745,67 +1741,52 @@ textarea.splited-post {
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * POPUP PROMPT * * * * * *
* * * * * * * * * * * * * POPUP MODAL * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. prompt-wrapper
{
. modal-wrapper {
background : # fff ;
z-index : 3 ;
position : fixed ;
top : 50 % ;
left : 50 % ;
background : rgba ( 255 , 255 , 255 , 1 . 0 ) ;
box-shadow : 0 0 30px rgba ( 0 , 0 , 0 , . 6 ) ;
z-index : 5 ;
width : 600px ;
margin-left : -300px ;
top : 50 % ;
left : 50 % ;
width : 580px ;
height : 720px ;
overflow : hidden ;
margin : -360px 0 0 -290px ;
border-radius : 0 0 4px 4px ;
box-shadow : 0 0 30px rgba ( 0 , 0 , 0 , . 6 ) ;
}
. prompt-wrapper . modal-header h3 {
background : # 7691CE ;
. modal-header {
background : # 7691ce ;
position : relative ;
height : 30px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * POPUP MODAL
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. modal-blackout
{
. modal-header h3 {
color : # fff ;
padding : 5px 10px ;
font-weight : bold ;
}
. modal-wrapper . modal-content {
background : # fff ;
height : 690px ;
overflow-y : auto ;
}
. modal-wrapper . modal-blackout {
background : rgba ( 0 , 0 , 0 , . 6 ) ;
z-index : -1 ;
position : fixed ;
width : 100 % ;
height : 100 % ;
left : 0 ;
top : 0 ;
background : rgba ( 0 , 0 , 0 , . 6 ) ;
display : none ;
z-index : 3 ;
}
. modal-blackout . reply . post
{
background : # ececed ;
padding : 10px 15px ;
}
. modal-wrapper
{
position : absolute ;
top : 50 % ;
left : 50 % ;
background : rgba ( 255 , 255 , 255 , 1 . 0 ) ;
box-shadow : 0 0 30px rgba ( 0 , 0 , 0 , . 6 ) ;
border-radius : 0 0 4px 4px ;
width : 100 % ;
height : 100 % ;
}
. modal-header
{
position : relative ;
}
. modal-header h3
{
padding : 5px ;
font-weight : bold ;
background : # 7691CE ;
color : # fff ;
}
. modal-close
{
. modal-close {
position : absolute ;
right : 0 ;
top : 0 ;
@ -1814,13 +1795,14 @@ textarea.splited-post {
@@ -1814,13 +1795,14 @@ textarea.splited-post {
color : rgba ( 255 , 255 , 255 , . 7 ) ;
font-weight : bold ;
border-left : solid 1px rgba ( 255 , 255 , 255 , . 3 ) ;
transition : all . 1s linear ;
transition : all . 1s linear ;
}
. modal-close : hover
{
. modal-close : hover {
color : # fff ;
background : rgba ( 0 , 0 , 0 , . 1 ) ;
}
. modal-back ,
. mark-all-as-read {
position : absolute ;
@ -1832,128 +1814,30 @@ textarea.splited-post {
@@ -1832,128 +1814,30 @@ textarea.splited-post {
font-weight : bold ;
border-left : solid 1px rgba ( 255 , 255 , 255 , . 3 ) ;
transition : all . 1s linear ;
display : none ;
display : none ;
}
. modal-back : hover ,
. mark-all-as-read : hover {
color : # fff ;
background : rgba ( 0 , 0 , 0 , . 1 ) ;
}
. modal-buttons
{
padding : 10px ;
text-align : right ;
}
. modal-buttons button : last-child
{
padding : 5px 20px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * FOLLOWING-CONFIG PROMPT * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. following-config-modal
{
margin-top : -80px ;
}
. following-config-modal . modal-content
{
padding : 10px ;
text-align : center ;
}
. following-config-modal . modal-buttons
{
display : none ;
}
. following-config-method-buttons
{
padding : 10px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * RETWIST POSTS PROMPT * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. reTwist
{
margin-top : -100px ;
}
. reTwist . post-expand ,
. reTwist . post-interactions
{
display : none ;
}
. reTwist . post {
margin : 5px ;
padding : 5px ;
min-height : 68px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * REPLY POSTS PROMPT
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. reply
{
margin-top : -140px ;
}
. reply . modal-buttons
{
display : none ;
}
. reply . post-expand ,
. reply . post-interactions
{
display : none ;
}
. reply . textcomplete-wrapper {
padding-top : 10px ;
}
. reply . textcomplete-wrapper textarea {
margin : 10px ;
width : 580px ;
}
. reply . post-area-extras
{
margin-right : 10px ;
}
. reply . post {
margin : 10px ;
padding : 5px ;
min-height : 68px ;
. modal-wrapper . reply . post {
background : # ececed ;
padding : 10px 15px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * DIRECT MESSAGES MODAL
* * * * * * * * DIRECT MESSAGES MODAL * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. directMessages . modal-wrapper
{
width : 540px ;
height : 470px ;
margin : -200px 0 0 -280px ;
overflow-x : hidden ;
}
. directMessages . modal-content
{
overflow-y : auto ;
}
. directMessages . modal-buttons
{
display : none ;
}
. direct-messages-list . post
{
. direct-messages-list . post {
padding : 10px 30px 10px 15px ;
cursor : pointer ;
}
. direct-messages-list . post : after
{
. direct-messages-list . post : after {
content : "►" ;
position : absolute ;
right : 10px ;
@ -1961,48 +1845,48 @@ textarea.splited-post {
@@ -1961,48 +1845,48 @@ textarea.splited-post {
margin : -6px 0 0 0 ;
color : rgba ( 0 , 0 , 0 , . 4 ) ;
}
. direct-messages-thread
{
. direct-messages-thread {
padding : 10px ;
}
. direct-messages-thread . post
{
. direct-messages-thread . post {
min-height : 82px ;
margin-left : 65px ;
}
. direct-messages-thread . post : after ,
. direct-messages-thread . post : nth-child ( 2n ) : after
{
. direct-messages-thread . post : nth-child ( 2n ) : after {
content : "" ;
width : 1px ;
background : transparent ;
position : absolute ;
top : 25px ;
}
. direct-messages-thread . post : after
{
. direct-messages-thread . post : after {
border-top : solid 10px transparent ;
border-bottom : solid 10px transparent ;
border-right : solid 10px # ececed ;
left : -10px ;
}
. direct-messages-thread . post-text
{
. direct-messages-thread . post-text {
margin : 2px 10px 4px 4px ;
word-wrap : break-word ;
}
. direct-messages-thread . post-photo
{
. direct-messages-thread . post-photo {
position : absolute ;
left : -65px ;
}
. direct-messages-thread . post . sent
{
. direct-messages-thread . post . sent {
margin-right : 60px ;
margin-left : 0 ;
}
. direct-messages-thread . post . sent : after
{
. direct-messages-thread . post . sent : after {
border-top : solid 10px transparent ;
border-bottom : solid 10px transparent ;
border-right : none ;
@ -2010,206 +1894,253 @@ textarea.splited-post {
@@ -2010,206 +1894,253 @@ textarea.splited-post {
right : -10px ;
left : auto ;
}
. direct-messages-thread . post . sent . post-text
{
. direct-messages-thread . post . sent . post-text {
margin : 2px 10px 4px 4px ;
}
. direct-messages-thread . post . sent . post-photo
{
. direct-messages-thread . post . sent . post-photo {
position : absolute ;
right : -65px ;
left : auto ;
}
. direct-messages-thread li . message {
cursor : auto ;
}
. direct-messages-thread li . message : hover {
background : none ;
}
. mark-all-as-read {
right : 60px ;
}
. mark-all-as-read : before {
content : '\2714' ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * NEW USER MODAL
* * * * * * * * * * * NEW USER MODAL * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. new-user . modal-wrapper
{
top : 50 % ;
. new-user . modal-wrapper {
width : 720px ;
height : 400px ;
margin : -200px 0 0 -360px ;
overflow-x : hidden ;
overflow-y : hidden ;
height : 580px ;
margin : -290px 0 0 -360px ;
}
. new-user . modal-content
{
margin : 10px 10px 10px 10px ;
. new-user . modal-content {
height : 550px ;
padding : 25px ;
}
. new-user . modal-buttons ,
. new-user . modal-close
{
. new-user . modal-close {
display : none ;
}
. new-user . text
{
. new-user . text {
margin : 0 0 15px 0 ;
}
. new-user . emphasis
{
. new-user . emphasis {
font-size : 18px ;
text-align : center ;
}
. new-user . secret-key
{
color : rgba ( . 5 , 0 , 0 , 1 . 0 ) ;
. new-user . secret-key {
color : rgba ( . 5 , 0 , 0 , 1 . 0 ) ;
font-weight : bold ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * HASHTAG MODAL
* * * * * * * * * * * * HASHTAG MODAL * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. hashtag-modal . modal-wrapper
{
width : 560px ;
height : 470px ;
margin : -200px 0 0 -280px ;
overflow : hidden ;
}
. hashtag-modal . modal-content
{
overflow-y : auto ;
height : 440px ;
}
. hashtag-modal . modal-buttons
{
display : none ;
}
. hashtag-modal . postboard
{
. hashtag-modal . postboard {
margin-left : 0 ;
}
. hashtag-modal . postboard h2 {
width : 100 % ;
padding-left : 10px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * CONVERSATION MODAL
* * * * * * * * * CONVERSATION MODAL * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. conversation-modal . modal-wrapper
{
position : absolute ;
width : 560px ;
height : 80 % ;
top : 10 % ;
margin : 0 0 0 -330px ;
overflow : hidden ;
}
. conversation-modal . modal-content
{
overflow-y : auto ;
height : 90 % ;
}
. conversation-modal . modal-buttons
{
display : none ;
}
. conversation-modal . postboard
{
. conversation-modal . postboard {
margin-left : 0 ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * FOLLOWING MODAL
* * * * * * * * * * FOLLOWING MODAL * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. following-modal . modal-wrapper
{
width : 560px ;
height : 470px ;
margin : -200px 0 0 -280px ;
overflow-x : hidden ;
}
. following-modal . modal-content
{
. following-modal . modal-content {
padding : 15px ;
height : 400px ;
overflow-y : auto ;
}
. following-modal . modal-buttons
{
display : none ;
}
. following-modal ol
{
. following-modal ol {
margin : 5px ;
}
. following-modal . open-profile-modal : hover
{
. following-modal . open-profile-modal : hover {
text-decoration : none ;
}
. following-modal . open-profile-modal img
{
. following-modal . open-profile-modal img {
float : none ;
}
. following-modal . open-profile-modal span
{
. following-modal . open-profile-modal span {
vertical-align : middle ;
}
. following-modal . open-profile-modal span : hover
{
. following-modal . open-profile-modal span : hover {
text-decoration : underline ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * WHO TO FOLLOW MODAL
* * * * * * * * * WHO TO FOLLOW MODAL * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. who-to-follow-modal . modal-wrapper
{
width : 560px ;
height : 470px ;
margin : -200px 0 0 -280px ;
overflow-x : hidden ;
}
. who-to-follow-modal . modal-content
{
. who-to-follow-modal . modal-content {
padding : 15px ;
height : 400px ;
overflow-y : auto ;
}
. who-to-follow-modal . modal-buttons
{
display : none ;
}
. who-to-follow-modal ol
{
. who-to-follow-modal ol {
margin : 5px ;
}
. who-to-follow-modal . open-profile-modal : hover
{
. who-to-follow-modal . open-profile-modal : hover {
text-decoration : none ;
}
. who-to-follow-modal . open-profile-modal span
{
. who-to-follow-modal . open-profile-modal span {
vertical-align : middle ;
}
. who-to-follow-modal . open-profile-modal span : hover
{
. who-to-follow-modal . open-profile-modal span : hover {
text-decoration : underline ;
}
. who-to-follow-modal . follow
{
. who-to-follow-modal . follow {
float : right ;
margin : -30px 10px 0 10px ;
}
. who-to-follow-modal . twister-user-info span
{
. who-to-follow-modal . twister-user-info span {
vertical-align : bottom ;
}
. who-to-follow-modal . bio
{
. who-to-follow-modal . bio {
font-size : 12px ;
color : rgba ( 0 , 0 , 0 , . 6 ) ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * POPUP PROMPT * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. prompt-wrapper {
background : rgba ( 255 , 255 , 255 , 1 . 0 ) ;
z-index : 5 ;
position : fixed ;
top : 50 % ;
left : 50 % ;
width : 600px ;
margin-left : -300px ;
box-shadow : 0 0 30px rgba ( 0 , 0 , 0 , . 6 ) ;
}
. prompt-wrapper . modal-buttons {
padding : 10px ;
text-align : right ;
}
. prompt-wrapper . modal-buttons button : last-child {
padding : 5px 20px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * FOLLOWING-CONFIG PROMPT * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. following-config-modal . prompt-wrapper {
margin-top : -80px ;
}
. following-config-modal . modal-content {
padding : 10px ;
text-align : center ;
}
. following-config-modal . modal-buttons {
display : none ;
}
. following-config-method-buttons {
padding : 10px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * RETWIST POSTS PROMPT * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. reTwist . prompt-wrapper {
margin-top : -100px ;
}
. reTwist . post-expand ,
. reTwist . post-interactions {
display : none ;
}
. reTwist . post {
margin : 5px ;
padding : 5px ;
min-height : 68px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * REPLY POSTS PROMPT * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
. reply . prompt-wrapper {
margin-top : -140px ;
}
. reply . modal-buttons {
display : none ;
}
. reply . post-expand ,
. reply . post-interactions {
display : none ;
}
. reply . textcomplete-wrapper {
padding-top : 10px ;
}
. reply . textcomplete-wrapper textarea {
margin : 10px ;
width : 580px ;
}
. reply . post-area-extras {
margin-right : 10px ;
}
. reply . post {
margin : 10px ;
padding : 5px ;
min-height : 68px ;
}
/ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * LOADER * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /
Simon Grim
10 years ago