diff --git a/css/OpenSans-Italic.ttf b/css/OpenSans-Italic.ttf new file mode 100644 index 0000000..c90da48 Binary files /dev/null and b/css/OpenSans-Italic.ttf differ diff --git a/css/images/ext-link.png b/css/images/ext-link.png new file mode 100644 index 0000000..13d77d5 Binary files /dev/null and b/css/images/ext-link.png differ diff --git a/css/profile.css b/css/profile.css index dfcfcc3..25c2561 100644 --- a/css/profile.css +++ b/css/profile.css @@ -256,7 +256,7 @@ button.follow:hover { { margin-left: 0; padding: 5px 0 5px 0; - height: 75%; + height: 95%; } .profile-modal .postboard h2 { width: auto; diff --git a/css/style.css b/css/style.css index 164154e..733029d 100644 --- a/css/style.css +++ b/css/style.css @@ -10,6 +10,12 @@ font-weight: bold; } @font-face +{ + font-family: "Open Sans"; + src: url("OpenSans-Italic.ttf"); + font-style: italic; +} +@font-face { font-family: "Open Sans Condensed"; src: url("OpenSansCondensed300.ttf"); @@ -48,10 +54,17 @@ ol, ul, li a { text-decoration: none; + color: #43464d; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; } a:hover { text-decoration: underline; + color: #5e72a4; } blockquote, q { @@ -705,7 +718,6 @@ button.disabled:hover .refresh-users, .view-all-users { - color: #768fce; cursor: pointer; font-size: 12px; border-left: solid 1px rgba( 69, 71, 77, .1 ); @@ -728,7 +740,6 @@ button.disabled:hover .module.toptrends ol li a { font: 13px 'Open Sans', sans-serif; - color: #768fce; } /*********************************** @@ -828,7 +839,7 @@ button.disabled:hover top: 0; width: 0; height: 100%; - background: #b2d47b; + background: #76b2ce; transition: all .2s linear; } .postboard-posts > .post.open:after @@ -839,7 +850,7 @@ button.disabled:hover .post:hover, .post .post { - background: #ececed; + background: #fcfdff; } .post:hover { @@ -915,6 +926,52 @@ button.disabled:hover { color: #768fce; } +/* external http links */ +.post-text a[href^="http"] { + font: italic 13px "Open Sans", sans-serif; + color: #aa617d; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; +} +.post-text a[href^="http"]:after { + content: ''; + display: inline-block; + position: relative; + top: 4px; + width: 17px; + height: 17px; + background: url(images/ext-link.png) no-repeat center center; + opacity: .8; +} +.post-text a[href^="http"]:hover{ + color: #d57a9f; + text-decoration: underline; +} +.post-text a[href^="#profile"] { + color: #5e8da4; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; +} +.post-text a[href^="#profile"]:hover { + color: #76b2ce; +} +.toptrends-list a[href^="#hashtag"], .post-text a[href^="#hashtag"]{ + color: #5e72a4; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; +} +.toptrends-list a[href^="#hashtag"]:hover, .post-text a[href^="#hashtag"]:hover{ + color: #768fce; +} .mini-screen-name { font-size: 13px; @@ -940,6 +997,11 @@ button.disabled:hover color: #b2b2b2; cursor: pointer; font-size: 12px; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; } .post-expand { @@ -947,6 +1009,9 @@ button.disabled:hover left: 60px; padding-top: 3px; } +.post-expand:hover { + color: #898989; +} .related .post-expand { display: none; @@ -960,6 +1025,11 @@ button.disabled:hover margin-right: 3px; opacity: .7; display: none; + -webkit-transition: all 200ms; + -moz-transition: all 200ms; + -ms-transition: all 200ms; + -o-transition: all 200ms; + transition: all 200ms; } .post:hover .post-reply, .post:hover .post-propagate,