diff --git a/options.html b/options.html
index 3c90ce8..19b6f95 100644
--- a/options.html
+++ b/options.html
@@ -84,6 +84,9 @@
+
diff --git a/theme_calm/css/profile.css b/theme_calm/css/profile.css
index d4c432d..8416c81 100644
--- a/theme_calm/css/profile.css
+++ b/theme_calm/css/profile.css
@@ -231,6 +231,9 @@
margin-left: -300px;
}
+.profile-modal .modal-header, .profile-modal .profile-card {
+ z-index: 1;
+}
.profile-modal .modal-content
{
padding: 3px;
@@ -250,19 +253,19 @@
text-align: center;
}
#msngrswr {
- position: absolute;
- left: 10px;
- margin-top: 10px;
+ display: none;
+ margin-top: 20px;
+ height: 30px;
}
#toxbtnwr, #bmbtnwr {
float: left;
display: none;
}
.bitmessage-ctc, .tox-ctc {
- height: 35px;
+ height: 30px;
width: 30px;
display: inline-block;
- margin-right: 10px;
+ margin-right: 5px;
border: 1px solid #d6d8dc;
background: #e3e5ea url(img/clipboard.png) center no-repeat;
opacity: .8;
@@ -285,8 +288,8 @@
}
.profile-modal .profile-tox, .profile-modal .profile-bitmessage {
display: inline-block;
- width: 80px;
- height: 35px;
+ width: 70px;
+ height: 30px;
border: 1px solid #c0c2c6;
opacity: .8;
-webkit-border-radius: 5px 0 0 5px;
@@ -315,7 +318,6 @@
{
display: inline-block;
margin-left: -4px;
- margin-top: 40px;
border-bottom: 0;
}
button.follow:hover {
@@ -334,6 +336,11 @@ button.follow:hover {
background: #b2d67b;
color: #fff;
}
+.profile-modal .separator {
+ height: 10px;
+ width: 100%;
+ background-color: #000;
+}
.profile-modal .postboard
{
margin-left: 0;
@@ -347,11 +354,16 @@ button.follow:hover {
font: 18px/40px 'Open Sans Condensed', sans-serif;
padding-left: 10px;
}
-.profile-modal .postboard-posts
+.profile-modal .postboard-posts-wrapper
{
- display: block;
- height: 90%;
+ position: absolute;
+ top: 0;
+ height: 100%;
+ width: 99%;
+ box-sizing: border-box;
+ border-top: 292px solid transparent;
overflow: auto;
+ z-index: 0;
}
.profile-modal .profile-card-main
{
@@ -401,4 +413,17 @@ h2.profile-screen-name {
.profile-modal .modal-buttons {
display: none;
+}
+
+.profile-modal h1.profile-name,
+.profile-modal h2.profile-screen-name,
+.profile-modal span.profile-location,
+.profile-modal a.profile-url {
+ display: block;
+}
+
+.profile-modal span.profile-location:empty,
+.profile-modal a.profile-url:empty,
+.profile-modal a.profile-bio:empty {
+ display: none;
}
\ No newline at end of file
diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css
index 13bbf39..8b9f17a 100644
--- a/theme_calm/css/style.css
+++ b/theme_calm/css/style.css
@@ -705,14 +705,18 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
margin-right: 55px;
background: #6d83bd url(../img/dm.png) no-repeat 10px 3px;
}
+.post-submit {
+ background: #6d83bd url(../img/pen.png) no-repeat 10px 3px;
+}
.post .post-submit {
margin-right: 16px;
- background: #6d83bd url(../img/pen.png) no-repeat 10px 3px;
}
.mini-profile .post-submit {
- background: #6d83bd url(../img/pen.png) no-repeat 10px 3px;
margin-right: 0;
}
+.reply .post-submit {
+ margin-right: 35px;
+}
.post-submit.disabled {
opacity: .6;
-webkit-transition: all 200ms;
@@ -1135,6 +1139,80 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
color: #5e8da4;
text-decoration: none;
}
+/* Inpost previw */
+.preview-container
+{
+ height: 100px;
+ width: 95%;
+ margin: 0 auto;
+ overflow: hidden;
+ display: none;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ /*line-height: 0;*/
+ margin-bottom: 3px;
+ position: relative;
+}
+.image-preview
+{
+ max-height: 500px;
+ max-width: 100%;
+ margin: 0 auto;
+ display: block;
+}
+/* video preview */
+
+.vimeo #imgOverlay {
+ border-left: 10px solid #0f5fb6;
+}
+.youtube #imgOverlay {
+ border-left: 10px solid #d8121e;
+}
+
+#ytPreviewTmpl {
+ position: relative;
+ height: 100%;
+ width: 100%;
+}
+
+#vidPreviewTmpl img {
+ max-height: 500px;
+ width: 100%;
+ margin: 0 auto;
+ display: block;
+}
+#imgOverlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: .6;
+}
+#descWrap {
+ position: absolute;
+ top: 5px;
+ left: 50%;
+ width: 450px;
+ margin-left: -225px;
+
+}
+#descWrap a, #descWrap p {
+ position: relative;
+}
+#descWrap a {
+ color: #fff;
+ font: 22px "Open Sans Condensed", sans-serif;
+}
+#descWrap p {
+ color: #d3d3d3;
+ font: 14px "Open Sans Condensed", sans-serif;
+ margin-top: 5px;
+}
+
+
.mini-screen-name
{
font-size: 13px;
@@ -1405,14 +1483,14 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
/*************************************
**************************** LOGIN PAGE
**************************************/
-.login .module, .sounds .module, .keys .module, .language .module {
+.login .module, .optionsPage .module {
padding: 20px;
width: 500px;
margin: 10px auto;
border: 3px solid #c7cdda;
border-radius: 6px;
}
-.login .module p, .sounds .module p, .keys .module p, .language .module p {
+.login .module p, .optionsPage .module p{
font: 14px "Open Sans", sans-serif;
margin-bottom: 5px;
@@ -1429,7 +1507,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
background: #fff;
transition: background-color 100ms linear;
}
-.login .module select.local-usernames, .sndOpt, #keysOpt select, #selectLanguage select, #selectTheme select {
+.login .module select, .optionsPage select{
height: 30px;
font: 13px/24px "Open sans";
text-align: center;
@@ -1902,15 +1980,20 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
/* Options */
#playerVol {
float: right;
- margin-right: 20px;
+ margin-right: 30px;
}
.volValue {
float: right;
- margin-right: -163px;
+ margin-right: -160px;
font: 12px "Open Sans", sans-serif;
}
-#notifyForm p, #selectLanguage p, #keysOpt p {
- margin-top: 15px;
+.optionsPage .module h1 {
+ font-size: 14px;
+ margin-bottom: 5px;
+}
+.optionsPage .module h2 {
+ margin-top: 10px;
+ font-size: 12px;
}
/* Following page */
.following ol.following-list > li{
@@ -1946,6 +2029,15 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
.following ol.following-list .mini-profile-info button {
margin-top: 5px;
}
+.gifCheckBox {
+ float: right;
+ vertical-align: middle;
+}
+.optionsPage .module label {
+ font: 12px "Open Sans", sans-serif;
+ display: block;
+ float: right;
+}
/* Autocomplite*/
.textcomplete-wrapper textarea {
@@ -2006,4 +2098,8 @@ ul.dropdown-menu img {
p.post-text img {
width: 20px;
height: 20px;
+}
+
+.reply textarea{
+ margin-top: 20px;
}
\ No newline at end of file
diff --git a/theme_calm/img/bm.png b/theme_calm/img/bm.png
index b014f9c..0b5afc1 100644
Binary files a/theme_calm/img/bm.png and b/theme_calm/img/bm.png differ
diff --git a/theme_calm/img/genericPerson.png b/theme_calm/img/genericPerson.png
index 3088a5f..30cf5dc 100644
Binary files a/theme_calm/img/genericPerson.png and b/theme_calm/img/genericPerson.png differ
diff --git a/theme_calm/img/grayed_avatar_placeholder_24.png b/theme_calm/img/grayed_avatar_placeholder_24.png
index f12a6e7..30cf5dc 100644
Binary files a/theme_calm/img/grayed_avatar_placeholder_24.png and b/theme_calm/img/grayed_avatar_placeholder_24.png differ
diff --git a/theme_calm/img/tornado_avatar.png b/theme_calm/img/tornado_avatar.png
index e50a5aa..7e36ab0 100644
Binary files a/theme_calm/img/tornado_avatar.png and b/theme_calm/img/tornado_avatar.png differ
diff --git a/theme_calm/img/tox.png b/theme_calm/img/tox.png
index c6a526c..69ea4f6 100644
Binary files a/theme_calm/img/tox.png and b/theme_calm/img/tox.png differ