X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdispy-dark%2Fstyle.css;h=a87317d9b8f6eba8b6ce00c126e92e2ff925495c;hb=6278b2a923a89fbf2e77aee367dd6499e48f8c1b;hp=30d5cb8a9c1dcd049145c771faf4886fabf32ed4;hpb=df82affe2f34154919bd12771a0044f7ed2c0662;p=friendica.git
diff --git a/view/theme/dispy-dark/style.css b/view/theme/dispy-dark/style.css
index 30d5cb8a9c..a87317d9b8 100644
--- a/view/theme/dispy-dark/style.css
+++ b/view/theme/dispy-dark/style.css
@@ -1,7 +1,7 @@
/*
* dispy-dark
*
- * modernised, sort of, by simon
+ * author, maintainer: simon
*
*/
@@ -63,8 +63,8 @@ option {
color: #eec;
background: #2e2f2e;
}
-li {
- padding: 0 0 0 2px;
+ul, ol {
+ padding: 0;
}
/* remember to define focus styles! */
:focus {
@@ -210,12 +210,17 @@ input[type=submit] {
margin: 5px 0;
list-style: none;
}
+#articlemain {
+ width: 100%;
+ height: 100%;
+ margin: 0 auto;
+}
/**
* login
*/
-aside .field {
+#asidemain .field {
overflow: hidden;
width: 200px;
}
@@ -247,7 +252,7 @@ aside .field {
#login-submit-button {
margin-left: 0px !important;
}
-aside #login_openid {
+#asidemain #login_openid {
position: relative !important;
float: none !important;
margin-left: 0px !important;
@@ -268,13 +273,10 @@ aside #login_openid {
*/
nav {
height: 60px;
- display: block;
background-color: #1d1f1d;
color: #eeeeec;
position: relative;
padding: 20px 20px 10px 95px;
- margin-left: auto;
- margin-right: auto;
}
nav a {
text-decoration: none;
@@ -309,6 +311,7 @@ ul#user-menu-popup {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
+ box-shadow: 5px 10px 10px 0 #111;
z-index: 10000;
}
ul#user-menu-popup li {
@@ -541,7 +544,18 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
width: 10em;
color: #eec;
}
+#scrollup {
+ position: fixed;
+ right: 5px;
+ bottom: 40px;
+ z-index: 100;
+}
+#scrollup a:hover {
+ text-decoration: none;
+ border: 0;
+}
#user-menu {
+ box-shadow: 5px 0 10px 0 #111;
display: block;
width: 75%;
margin: 3px 0 0 0;
@@ -707,12 +721,16 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
/**
* aside
**/
-aside {
- position: absolute;
- right: 15px;
- width: 245px;
- padding-top: 15px;
+#asidemain {
+ float: left;
font-size: smaller;
+ margin: 20px 0 20px 35px;
+ width: 25%;
+ display: inline;
+}
+/* for now, disappear these */
+#asideright, #asideleft {
+ display: none;
}
.vcard .fn {
font-size: 1.7em;
@@ -742,10 +760,10 @@ aside {
.vcard #profile-photo-wrapper img {
box-shadow: 3px 3px 10px 0 #000;
}
-aside h4 {
+#asidemain h4 {
font-size: 1.2em;
}
-aside #viewcontacts {
+#asidemain #viewcontacts {
text-align: right;
}
.aprofile dt {
@@ -874,12 +892,24 @@ aside #viewcontacts {
line-height: 20px;
padding: 2px 20px 5px 0;
}
+#profile-jot-text_parent {
+ /*border-radius: 10px;*/
+ box-shadow: 5px 0 10px 0 #111;
+}
#profile-jot-text_tbl {
margin-bottom: 10px;
+ /*border-radius: 10px;*/
+ background: #888;
}
#profile-jot-text_ifr {
width:99.900002% !important;
}
+#profile-jot-text_toolbargroup {
+ background: #888;
+}
+.mceCenter table tr {
+ background: #888;
+}
[id$="jot-text_ifr"] {
width: 99.900002% !important;
color: #2e2f2e;
@@ -889,6 +919,15 @@ aside #viewcontacts {
color: #2e2f2e;
background: #eec;
}
+.mceFirst tr {
+ background: #888;
+}
+.mceFirst td {
+ /*border-radius: 10px 10px 0px 0px;*/
+}
+.mceLast td {
+ /*border-radius: 0 0 10px 10px;*/
+}
#profile-attach-wrapper,
#profile-audio-wrapper,
#profile-link-wrapper,
@@ -1064,12 +1103,13 @@ aside #viewcontacts {
/**
* section
*/
-section {
- margin: 20px 9% 0 4%;
+#sectionmain {
+ margin: 20px;
font-size: 0.8em;
- padding-right: 230px;
min-width: 475px;
- width: 65%;
+ width: 67%;
+ float: left;
+ display: inline;
}
/** tabs **/
@@ -1114,6 +1154,7 @@ section {
.wall-item-outside-wrapper {
border: 1px solid #aaa;
border-radius: 5px;
+ box-shadow: 5px 0 10px 0 #111;
}
.wall-item-outside-wrapper.comment {
margin-top: 5px;
@@ -1333,19 +1374,19 @@ section {
width: 100%;
}
#connect-services-header {
-
+ margin: 5px 0 0 0;
}
#connect-services {
margin: 5px 0 0 0;
}
#extra-help-header {
-
+ margin: 5px 0 0 0;
}
#extra-help {
margin: 5px 0 0 0;
}
#postit-header {
-
+ margin: 5px 0 0 0;
}
#postit {
margin: 5px 0 0 0;
@@ -1938,8 +1979,8 @@ div[id$="wrapper"] br {
margin: 0 0 -18px;
position: absolute;
text-decoration: none;
- top: 18px;
- right: 226px;
+ top: 113px;
+ right: 260px;
}
#profile-edit-links ul {
margin: 20px 0;
@@ -2604,6 +2645,7 @@ div[id$="wrapper"] br {
.icon.drop,
.icon.drophide, .icon.delete {
float: left;
+ margin: 0 2px;
}
.icon.s22.delete {
display: block;
@@ -2775,7 +2817,7 @@ div[id$="wrapper"] br {
}
footer {
display: block;
- margin: 50px 20%;
+ /*margin: 50px 20%;*/
clear: both;
}
#profile-jot-text {
@@ -2804,6 +2846,7 @@ footer {
background: #fff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
margin: 6px;
+ color: #111;
}
#acl-showall {
float: left;