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 @@ -626,7 +626,6 @@ button.follow:hover, button.unfollow:hover, .following-list button.private:hover
padding: 4px;
font-size: 13px;
}
.post-area-new textarea:focus {
border: solid 1px rgba( 227, 79, 66, .5 );
}
@ -648,6 +647,19 @@ textarea.splited-post { @@ -648,6 +647,19 @@ textarea.splited-post {
box-shadow: none!important;
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 {
color: rgba(0, 0, 0, 0.3);
font-weight: bold;

43
theme_calm/css/style.css

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

16
theme_nin/css/style.css

@ -2270,6 +2270,22 @@ textarea.splited-post { @@ -2270,6 +2270,22 @@ textarea.splited-post {
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 */
.splited-post-counter {
color: rgba(0, 0, 0, 0.3);

11
theme_nin/sass/style.sass

@ -354,6 +354,17 @@ ul.userMenu-search-profiles @@ -354,6 +354,17 @@ ul.userMenu-search-profiles
&:focus
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
clear: both
position: relative

Loading…
Cancel
Save