Browse Source

CSS rules for posts preview

master
Simon Grim 9 years ago
parent
commit
c93d410c00
  1. 14
      css/style.css
  2. 43
      theme_calm/css/style.css
  3. 16
      theme_nin/css/style.css
  4. 11
      theme_nin/sass/style.sass

14
css/style.css

@ -626,7 +626,6 @@ button.follow:hover, button.unfollow:hover, .following-list button.private:hover
padding: 4px; padding: 4px;
font-size: 13px; font-size: 13px;
} }
.post-area-new textarea:focus { .post-area-new textarea:focus {
border: solid 1px rgba( 227, 79, 66, .5 ); border: solid 1px rgba( 227, 79, 66, .5 );
} }
@ -648,6 +647,19 @@ textarea.splited-post {
box-shadow: none!important; box-shadow: none!important;
height: 28px; height: 28px;
} }
#post-preview {
background-color: #F2FFBA;
border: solid 1px #B4C669;
font-size: 11px;
margin: 4px 0;
padding: 4px;
}
#post-preview a {
color: #E34F42;
}
.splited-post-counter { .splited-post-counter {
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
font-weight: bold; font-weight: bold;

43
theme_calm/css/style.css

@ -776,6 +776,15 @@ textarea.splited-post {
box-shadow: none!important; box-shadow: none!important;
height: 28px; height: 28px;
} }
#post-preview {
background-color: #F2FFBA;
border: solid 1px #B4C669;
font-size: 11px;
margin: 4px 0;
padding: 4px;
}
.splited-post-counter { .splited-post-counter {
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);
font-weight: bold; font-weight: bold;
@ -1252,8 +1261,9 @@ textarea.splited-post {
{ {
color: #76b2ce; color: #76b2ce;
} }
/* external http links */ /* external http links */
.post-text a[href^="http"] { .post-text a[href^="http"], #post-preview a[href^="http"] {
font: italic 13px "Open Sans", sans-serif; font: italic 13px "Open Sans", sans-serif;
text-decoration: none; text-decoration: none;
color: #b46e67; color: #b46e67;
@ -1263,11 +1273,13 @@ textarea.splited-post {
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.post-text a[href^="http"]:hover{
.post-text a[href^="http"]:hover, #post-preview a[href^="http"]:hover {
color: #e18881; color: #e18881;
opacity: .8; opacity: .8;
} }
.post-text a[href^="http"]:after {
.post-text a[href^="http"]:after, #post-preview a[href^="http"]:after {
content: ''; content: '';
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -1284,10 +1296,13 @@ textarea.splited-post {
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.post-text a[href^="http"]:hover:after {
.post-text a[href^="http"]:hover:after, #post-preview a[href^="http"]:hover:after {
opacity: .8; opacity: .8;
} }
.post-text a[href^="#profile"], .follow-suggestions a[href^="#profile"] {
.post-text a[href^="#profile"], .follow-suggestions a[href^="#profile"],
#post-preview a[href^="#profile"] {
color: #5e8da4; color: #5e8da4;
text-decoration: none; text-decoration: none;
-webkit-transition: all 200ms; -webkit-transition: all 200ms;
@ -1296,10 +1311,18 @@ textarea.splited-post {
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.post-text a[href^="#profile"]:hover, .follow-suggestions a[href^="#profile"]:hover {
.post-text a[href^="#profile"]:hover, .follow-suggestions a[href^="#profile"]:hover,
#post-preview a[href^="#profile"]:hover {
color: #76b2ce; color: #76b2ce;
} }
.toptrends-list a[href^="#hashtag"], .post-text a[href^="#hashtag"]{
#post-preview a {
font-size: 11px;
}
.toptrends-list a[href^="#hashtag"], .post-text a[href^="#hashtag"],
#post-preview a[href^="#hashtag"] {
color: #5e72a4; color: #5e72a4;
text-decoration: none; text-decoration: none;
-webkit-transition: all 200ms; -webkit-transition: all 200ms;
@ -1308,7 +1331,9 @@ textarea.splited-post {
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.toptrends-list a[href^="#hashtag"]:hover, .post-text a[href^="#hashtag"]:hover{
.toptrends-list a[href^="#hashtag"]:hover, .post-text a[href^="#hashtag"]:hover,
#post-preview a[href^="#hashtag"]:hover {
color: #768fce; color: #768fce;
} }
@ -1320,10 +1345,12 @@ textarea.splited-post {
-o-transition: all 200ms; -o-transition: all 200ms;
transition: all 200ms; transition: all 200ms;
} }
.post-info a[href^="#profile"]:hover, .followers a[href^="#profile"]:hover, a[href^="#profile"].post-retransmited-by:hover { .post-info a[href^="#profile"]:hover, .followers a[href^="#profile"]:hover, a[href^="#profile"].post-retransmited-by:hover {
color: #5e8da4; color: #5e8da4;
text-decoration: none; text-decoration: none;
} }
/* Inpost previw */ /* Inpost previw */
.preview-container .preview-container
{ {

16
theme_nin/css/style.css

@ -2270,6 +2270,22 @@ textarea.splited-post {
height: 28px; height: 28px;
} }
#post-preview {
background-color: #FCFFF3;
border: solid 1px #ECEFE3;
font-size: 12px;
margin: 4px 0;
padding: 4px;
}
#post-preview a {
color: #AAA;
}
#post-preview a:hover {
color: #B4C669;
}
/* line 384, ../sass/style.sass */ /* line 384, ../sass/style.sass */
.splited-post-counter { .splited-post-counter {
color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.3);

11
theme_nin/sass/style.sass

@ -354,6 +354,17 @@ ul.userMenu-search-profiles
&:focus &:focus
border-bottom: solid 2px $color-green border-bottom: solid 2px $color-green
#post-preview
background-color: #FCFFF3
border: solid 1px #ECEFE3
font-size: 12px
margin: 4px 0
padding: 4px
a
color: #AAA
a:hover
color: $color-green
#postboard-top #postboard-top
clear: both clear: both
position: relative position: relative

Loading…
Cancel
Save