make items on settings pages fold/unfold on click

[friendica.git] / view / theme / vier / style.css

diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 7236dbd6b2e33ee5e95b0e0637ee82ef777cfb35..e716766492f0198c446a603e7ad56288f8d3c2e5 100644 (file)
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -19,6 +19,10 @@ img {
 /*        width: 80%;*/
 }
 
+#adminpage .screenshot img {
+  width: 640px;
+}
+
 #pending-update {
         float:right;
         color: #ffffff;
@@ -193,30 +197,40 @@ img {
   margin-bottom: 5px;
 }
 
+div.pager a {
+  margin-left: 5px;
+  margin-right: 5px;
+}
+ 
+span.pager_first a, span.pager_n a, 
+span.pager_last a, span.pager_prev a, span.pager_next a {
+  color: darkgray;
+}
+
 div.pager {
-/* .birthday-notice { */
+  clear: left;
   text-align: center;
+/*
   height: 1.2em;
   padding-bottom: 12px;
   color: black;
-  /*-webkit-border-radius: 6px;
-  -moz-border-radius: 6px;
-  border-radius: 6px;*/
   background-color: #f2f2f2;
-  clear: left;
   margin-top: 5px;
   padding: 1%;
   height: 1em;
   margin-bottom: 5px;
-}*/
+*/
+}
 
-.birthday-notice {
+.birthday-notice, .event-notice {
   margin-top: 5px;
   margin-bottom: 5px;
+  background-color: #F5F5F5;
 }
 
 #live-network {
 /*  border-bottom: 1px solid #BDCDD4; */
+  border-bottom: 1px solid #D2D2D2;
   width: 100%;
   height: 10px;
 }
@@ -232,6 +246,10 @@ div.pager {
   float: left;
 }
 
+#contacts-actions {
+  clear: both;
+}
+
 #contact-edit-drop-link-end {
   /* clear: both; */
 }
@@ -382,7 +400,8 @@ code {
 #sidebar-ungrouped:hover, .side-link:hover, .nets-ul li:hover, #forum-list div:hover,
 .nets-all:hover, .saved-search-li:hover, li.tool:hover, .admin.link:hover, aside h4 a:hover, #message-new:hover {
   /* background-color: #ddd; */
-  background-color: #e5e5e5;
+/*  background-color: #e5e5e5; */
+  background-color: #F5F5F5;
 }
 
 #message-new a {
@@ -574,7 +593,6 @@ nav #search-box #search-text {
   width: 150px;
   max-width: 150px;
   background-color: #eee;
-  border-radius: 5px;
 }
 
 nav .nav-menu-icon {
@@ -731,10 +749,9 @@ ul.menu-popup {
   margin: 0px;
   padding: 0px;
   list-style: none;
-  border: 1px solid #364e59;
+  border: 3px solid #364e59;
   z-index: 100000;
   box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
-  border-radius: 5px;
 }
 ul.menu-popup a {
   display: block;
@@ -885,6 +902,10 @@ aside .vcard dd {
   margin-left: 4px;
   /* width: 60%; */
 }
+aside #profile-photo-wrapper img {
+  width: 175px;
+}
+
 aside #profile-extra-links ul {
   padding: 0px;
   margin: 0px;
@@ -1083,7 +1104,6 @@ section.minimal {
 .tread-wrapper {
 /*    border-bottom: 1px solid #BDCDD4; */
   border-bottom: 1px solid #D2D2D2;
-  border-radius: 10px;
   position: relative;
   padding: 5px;
   margin-bottom: 10px;
@@ -1424,7 +1444,6 @@ h2 {
 
 #profile-jot-form {
   box-shadow: 1px 2px 0px 0px #D8D8D8;
-  border-radius: 10px;
   background-color: #fafafa;
   padding: 10px;
 }
@@ -1869,16 +1888,21 @@ h2 {
 }
 /** /acl **/
 /** tab buttons **/
-ul.tabs {
+div.pager, ul.tabs {
   list-style-type: none;
   padding-bottom: 10px;
-  padding-left: 0px;
+  padding-left: 10px;
+  padding-top: 0px;
   margin-bottom: 5px;
-  line-height: 27px;
-  height: 27px;
-  font-size: 11px;
+  line-height: 28px;
+  height: 20px;
+/*  font-size: 11px; */
+  font-size: 13px;
   font-weight: bold;
   /* margin-bottom: 30px; */
+  background-color: #FAFAFA;
+  box-shadow: 1px 2px 0px 0px #D8D8D8;
+  border-bottom: 1px solid #D2D2D2;
 }
 ul.tabs li {
   float: left;
@@ -1888,25 +1912,26 @@ ul.tabs li {
   border-bottom: 1px solid #005c94;
 }*/
 
-ul.tabs a {
+ul.tabs a, div.pager a {
     /* min-width: 34px; */
-    display: block;
-    float: left;
-    padding-bottom: 0px;
-    padding: 0px 12px 0px 12px;
-    color: #444;
-       border-radius: 5px;
+/*    display: block;
+    float: left; */
+    padding: 0px;
+    padding-bottom: 6px;
+/*    padding: 0px 12px 0px 12px; */
+/*    color: #444; */
+    color: darkgray;
 }
 
 ul.tabs a {
-    box-shadow: 1px 2px 0px 0px #D8D8D8;
-    margin-right: 5px;
+/*    box-shadow: 1px 2px 0px 0px #D8D8D8; */
+    margin-right: 15px;
+    margin-left: 5px;
 }
 
 #birthday-notice, #event-notice {
     box-shadow: 1px 2px 0px 0px #D8D8D8;
     margin-bottom: 5px;
-       border-radius: 5px;
 }
 
 #birthday-wrapper, #event-wrapper {
@@ -1919,31 +1944,49 @@ ul.tabs a {
     margin-bottom: 0px;
 }
 
-div.pager, .birthday-notice, .comment-edit-submit-wrapper .fakelink {
+.birthday-notice, .event-notice  {
+    padding: 2px 7px 2px 7px;
+    color: darkgrey;
+   font-weight: bold;
+}
+.comment-edit-submit-wrapper .fakelink {
     padding: 2px 7px 2px 7px;
     color: black;
-       border-radius: 5px;
 }
 
-div.pager, .birthday-notice, ul.tabs a, .comment-edit-submit-wrapper .fakelink {
-    border: 1px solid lightgray;
+.comment-edit-submit-wrapper .fakelink {
+/*    border: 1px solid lightgray; */
     background: #F2F2F2;
     margin-top: 2px;
     margin-bottom: 2px;
 }
 
+#event-notice:hover, #birthday-notice:hover, ul.tabs li .active, 
+.comment-edit-submit-wrapper .fakelink:hover {
+    color: black;
+}
+
+span.pager_current, span.pager_n a:hover, 
+span.pager_first a:hover, span.pager_last a:hover, 
+span.pager_prev a:hover, span.pager_next a:hover,
 ul.tabs a:hover {
-    color: #333;
+  border-bottom: 2px solid #244C5E;
+  text-decoration: none;
+  color: grey;
+  padding-bottom: 6px;
 }
 
-#event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover {
-    color: black;
+ul.tabs li .active, span.pager_current a {
+  border-bottom: 2px solid #244C5E;
+  text-decoration: none;
+  color: black;
 }
 
-ul.tabs a:hover, #event-notice:hover, #birthday-notice:hover, ul.tabs li .active, .comment-edit-submit-wrapper .fakelink:hover {
-    background-color: #e5e5e5;
+#event-notice:hover, #birthday-notice:hover, .comment-edit-submit-wrapper .fakelink:hover {
+/*    background-color: #e5e5e5; */
+  color: grey;
     text-decoration: none;
-    border: 1px solid darkgray;
+/*    border: 1px solid darkgray; */
 }
 
 .comment-edit-bb {
@@ -1952,6 +1995,7 @@ ul.tabs a:hover, #event-notice:hover, #birthday-notice:hover, ul.tabs li .active
 .comment-edit-bb a {
   color: #888;
   padding: 0px 5px 1px 5px;
+  cursor: pointer;
 }
 
 .comment-edit-bb a:hover {
@@ -2083,8 +2127,10 @@ aside form .field label {
 /* contacts */
 .contact-entry-wrapper {
   width: 120px;
-  height: 120px;
+  height: 130px;
   float: left;
+/*  overflow: hidden; */
+  margin-left: 5px;
 }
 /* photo */
 .lframe {
@@ -2682,3 +2728,6 @@ a.mail-list-link {
         border: none;
 }
 
+.settings-heading {
+       cursor: pointer;
+}