X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdispy%2Fstyle.css;h=47e1d11322efdb47e15e909ee7fdcc2acd785dad;hb=1a0995f1bbe2c10471577d202388a878e75b4287;hp=66f3cc47e0df99226379db3bf2af93e41485490b;hpb=3d2bcaa5fc7917c7d2066be65d5a846945af0b4b;p=friendica.git
diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 66f3cc47e0..47e1d11322 100644
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -1,7 +1,8 @@
/*
* dispy
*
- * modernised, sort of, by simon
+ * maintainer: simon
+ * author: unknown
*
*/
@@ -63,8 +64,8 @@ option {
color: #222;
background: #efefef;
}
-li {
- padding: 0 0 0 2px;
+ul, ol {
+ padding: 0;
}
/* remember to define focus styles! */
:focus {
@@ -146,7 +147,7 @@ a:hover {
}
.required {
display: inline;
- color: #ff0;
+ color: #f00;
font-size: 16px;
font-weight: bold;
margin: 3px;
@@ -210,12 +211,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 +253,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 +274,10 @@ aside #login_openid {
*/
nav {
height: 60px;
- display: block;
background-color: #2e3436;
color: #eeeeec;
position: relative;
padding: 20px 20px 10px 95px;
- margin-left: auto;
- margin-right: auto;
}
nav a {
text-decoration: none;
@@ -309,6 +312,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 {
@@ -444,10 +448,10 @@ div.jGrowl div.info {
padding-left: 58px;
}
#nav-notifications-menu {
- margin: 30px 0 0 -45px;
- width: 300px;
- max-height: 400px;
- overflow: auto;
+ margin: 30px 0 0 -20px;
+ width: 275px;
+ max-height: 300px;
+ overflow-y: auto;
font-size: 9pt;
}
#nav-notifications-menu .contactname {
@@ -541,7 +545,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 +722,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,15 +761,15 @@ 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 {
- color: #666666;
background: transparent;
+ color: #666666;
font-weight: bold;
box-shadow: 1px 1px 5px 0 #000;
margin: 15px 0 5px;
@@ -762,12 +781,20 @@ aside #viewcontacts {
list-style: none;
}
#dfrn-request-link {
- background:#3465A4 url(connect.png) no-repeat 95% center;
- border-radius:5px 5px 5px 5px;
- color:#fff;
- display:block;
- font-size:1.2em;
- padding:.2em .5em;
+ background: #3465A4 url(connect.png) no-repeat 95% center;
+ border-radius: 5px 5px 5px 5px;
+ color: #fff;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.2em 0.5em;
+}
+#wallmessage-link {
+ /*background: #3465A4 url(connect.png) no-repeat 95% center;*/
+ /*border-radius: 5px 5px 5px 5px;*/
+ color: #eee;
+ display: block;
+ font-size: 1.2em;
+ padding: 0.2em 0.5em;
}
#netsearch-box {
margin: 20px 0px 30px;
@@ -848,6 +875,16 @@ aside #viewcontacts {
border-radius: 5px;
vertical-align: middle;
}
+#jot-category {
+ margin: 5px 0;
+ border-radius: 5px;
+ border: 1px #ccc solid;
+ color: #666;
+ font-size: small;
+}
+#jot-category:focus {
+ color: #111;
+}
#jot #character-counter {
width: 6%;
float: right;
@@ -856,12 +893,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;
@@ -871,6 +920,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,
@@ -1046,12 +1104,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 **/
@@ -1062,6 +1121,8 @@ section {
}
.tabs li {
display: inline;
+ font-size: smaller;
+ font-weight: bold;
}
.tab {
border: 1px solid #729fcf;
@@ -1094,6 +1155,7 @@ section {
.wall-item-outside-wrapper {
border: 1px solid #aaa;
border-radius: 5px;
+ box-shadow: 5px 0 10px 0 #999;
}
.wall-item-outside-wrapper.comment {
margin-top: 5px;
@@ -1111,6 +1173,7 @@ section {
}
.shiny {
background: #efefdf;
+ border-radius: 5px;
}
.wall-outside-wrapper .shiny {
border-radius: 5px;
@@ -1120,6 +1183,7 @@ section {
}
.wall-item-content {
overflow-x: auto;
+ margin: 0px 15px 0px 5px;
}
/* removing it from here, vs. putting it in .wall-item-content
* might break things for people. we shall see ;) */
@@ -1203,6 +1267,7 @@ section {
.wall-item-body {
margin: 20px 20px 10px 0px;
text-align: left;
+ overflow-x: auto;
}
.wall-item-lock-wrapper {
float: right;
@@ -1310,19 +1375,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;
@@ -1915,8 +1980,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;
@@ -2072,6 +2137,9 @@ div[id$="wrapper"] br {
float:left;
font-size:20px;
}
+.event {
+ background: #2e2f2e;
+}
.vevent {
border:1px solid #ccc;
}
@@ -2083,15 +2151,14 @@ div[id$="wrapper"] br {
margin-left: 10px;
margin-right: 10px;
}
-
#new-event-link {
margin-bottom: 10px;
}
.edit-event-link, .plink-event-link {
- float: left;
- margin-top: 4px;
- margin-right: 4px;
- margin-bottom: 15px;
+ /*float: left; */
+ /*margin-top: 4px; */
+ /*margin-right: 4px;*/
+ /*margin-bottom: 15px;*/
}
.event-description:before {
content: url('../../../images/calendar.png');
@@ -2100,6 +2167,7 @@ div[id$="wrapper"] br {
.event-start, .event-end {
margin-left: 10px;
width: 330px;
+ font-size: smaller;
}
.event-start .dtstart, .event-end .dtend {
float: right;
@@ -2160,12 +2228,12 @@ div[id$="wrapper"] br {
opacity: 1.0 !important;
filter:alpha(opacity=100) !important;
}
-.filesavetags {
+.filesavetags, .categorytags {
margin: 20px 0;
opacity: 0.5;
filter:alpha(opacity=50);
}
-.filesavetags:hover {
+.filesavetags:hover, .categorytags:hover {
margin: 20px 0;
opacity: 1.0 !important;
filter:alpha(opacity=100) !important;
@@ -2174,7 +2242,7 @@ div[id$="wrapper"] br {
opacity: 0.1;
filter:alpha(opacity=10);
float: right;
- margin-right: 10px;
+ margin-right: 5px;
}
.item-select:hover, .checkeditem {
opacity: 1;
@@ -2200,6 +2268,10 @@ div[id$="wrapper"] br {
#item-delete-selected-desc:hover {
text-decoration: underline;
}
+.fc-state-highlight {
+ background: #eec;
+ color: #2e2f2e;
+}
/**
@@ -2574,6 +2646,7 @@ div[id$="wrapper"] br {
.icon.drop,
.icon.drophide, .icon.delete {
float: left;
+ margin: 0 2px;
}
.icon.s22.delete {
display: block;
@@ -2745,7 +2818,7 @@ div[id$="wrapper"] br {
}
footer {
display: block;
- margin: 50px 20%;
+ /*margin: 50px 20%;*/
clear: both;
}
#profile-jot-text {
@@ -2774,6 +2847,7 @@ footer {
background: #fff url("../../../images/search_18.png") no-repeat right center;
padding-right: 20px;
margin: 6px;
+ color: #111;
}
#acl-showall {
float: left;