update theme_calm and add notice about repository where users may find new features

options.html

@@ -84,6 +84,9 @@
                 <option value="calm">Calm</option>
               </select>
             </form>
+            <span class="calm_menu" style="display:none">
+                For new features check <a href="https://github.com/iHedgehog/twister-calm">twister-calm repository</a>!
+            </span>
         </div>
       </div>
     </div>

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
 {
@@ -402,3 +414,16 @@ 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;
+}

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 {
@@ -2007,3 +2099,7 @@ p.post-text img {
     width: 20px;
     height: 20px;
 }
+
+.reply textarea{
+    margin-top: 20px;
+}