X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fdispy%2Fstyle.css;h=47e1d11322efdb47e15e909ee7fdcc2acd785dad;hb=1a0995f1bbe2c10471577d202388a878e75b4287;hp=6547cf986f8804f1fb379f8a2603d8539b423db0;hpb=def0e35e21106119910391f1a5cba61b8e7bce65;p=friendica.git

diff --git a/view/theme/dispy/style.css b/view/theme/dispy/style.css
index 6547cf986f..47e1d11322 100644
--- a/view/theme/dispy/style.css
+++ b/view/theme/dispy/style.css
@@ -1,7 +1,8 @@
 /*
  * dispy
  *
- * modernised, sort of, by simon <http://simon.kisikew.org/>
+ * maintainer: simon <http://simon.kisikew.org/>
+ * author: unknown
  *
  */
 
@@ -54,10 +55,17 @@ select {
 	border: 1px #555 dotted;
 	padding: 3px;
 	margin: 2px;
+	color: #222;
+	background: #efefef;
 }
 option {
 	padding: 3px;
 	vertical-align: middle;
+	color: #222;
+	background: #efefef;
+}
+ul, ol {
+	padding: 0;
 }
 /* remember to define focus styles! */
 :focus {
@@ -139,7 +147,7 @@ a:hover {
 }
 .required {
     display: inline;
-    color: #ff0;
+    color: #f00;
     font-size: 16px;
     font-weight: bold;
     margin: 3px;
@@ -199,14 +207,66 @@ input[type=submit] {
 .action {
 	margin: 5px 0;
 }
+.tool {
+	margin: 5px 0;
+	list-style: none;
+}
+#articlemain {
+	width: 100%;
+	height: 100%;
+	margin: 0 auto;
+}
 
 
 /**
  * 	login
  */
+#asidemain .field {
+	overflow: hidden;
+	width: 200px;
+}
+#login-extra-links {
+    overflow: auto !important;
+    padding-top: 60px !important;
+    width: 100% !important;
+}
 #login-extra-links a {
     margin-right: 20px;
 }
+#login_standard {
+    display: block !important;
+    float: none !important;
+    height: 100% !important;
+    position: relative !important;
+	width: 100% !important;
+}
+#login_standard .field label {
+	width: 200px !important;
+}
+#login_standard input, #login_standard input[type="text"] {
+	margin: 0 0 8px !important;
+    width: 210px !important;
+}
+#login-submit-wrapper {
+	margin: 0 !important;
+}
+#login-submit-button {
+    margin-left: 0px !important;
+}
+#asidemain #login_openid {
+	position: relative !important;
+	float: none !important;
+	margin-left: 0px !important;
+	height: auto !important;
+	width: 200px !important;
+}
+#login_openid #id_openid_url {
+	width: 180px !important;
+	overflow: hidden !important;
+}
+#login_openid label {
+	width: 180px !important;
+}
 
 
 /**
@@ -214,13 +274,10 @@ input[type=submit] {
  */
 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;
@@ -243,25 +300,6 @@ nav #banner #logo-text a {
 	font-weight: bold;
 	margin-left: 3px;
 }
-nav #user-menu {
-    display: block;	
-    width: auto;
-    float: right;
-    margin: 3px 68px 0 0;
-    position: relative;
-	background-color: #555753;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
-    clear: both;
-}
-nav #user-menu-label {
-	float: left;
-   	font-size: 12px;
-    padding: 3px 20px 9px 5px;
-    height: 10px;
-}
 ul#user-menu-popup {
 	display: none;
 	position: absolute;
@@ -274,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 {
@@ -290,14 +329,6 @@ ul#user-menu-popup li a:hover {
 ul#user-menu-popup li a.nav-sep {
 	border-top: 1px solid #eeeeec;
 }
-#nav-buttons {
-    clear: both;
-	list-style: none;
-	padding: 0px;
-}
-#nav-buttons li {
-	padding: 0;
-}
 nav .nav-link {
 	float: right;
 	display: block;
@@ -405,13 +436,6 @@ nav .nav-link {
 .icon, .hover, .focus, .pointer {
     cursor: pointer;
 }
-#notifications {
-	height: 20px;
-	width: 100%;
-	position: absolute;
-	top: -19px;
-	left: 0;
-}
 /* popup notifications */
 div.jGrowl div.notice {
     background: #511919 url("../../../images/icons/48/notice.png") no-repeat 5px center;
@@ -424,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 {
@@ -460,6 +484,13 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 .show {
     display: block;
 }
+#notifications {
+	height: 20px;
+	width: 170px;
+	position: absolute;
+	top: -19px;
+	left: 7px;
+}
 #nav-floater {
     position: fixed;
     top: 20px;
@@ -469,12 +500,24 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 	color: transparent;
     border-radius: 5px;
     z-index: 100;
+	width: 300px;
+	height: 60px;
+}
+#nav-buttons {
+    clear: both;
+	list-style: none;
+	padding: 0px;
+	margin: 0 7px 0 0;
+	height: 25px;
+}
+#nav-buttons li {
+	padding: 0;
 }
 .floaterflip {
 	display: block;
     position: fixed;
     z-index: 110;
-    top: 53px;
+    top: 56px;
     right: 19px;
 	width: 22px;
 	height: 22px;
@@ -482,6 +525,60 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
 	margin: 0px;
 	background: transparent url(icons.png) -190px -60px no-repeat;
 }
+.search-box {
+	display: inline-block;
+	margin: 5px;
+	position: fixed;
+	right: 0px;
+	bottom: 0px;
+	z-index: 100;
+	background: #1d1f1d;
+	border-radius: 5px;
+}
+#search-text {
+	border: 1px #eec solid;
+	background: #2e3436;
+	color: #eec;
+}
+.search-box #search-text {
+	margin: 8px;
+	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;
+    position: relative;
+	background-color: #555753;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    background: #555753 url("menu-user-pin.jpg") 98% center no-repeat;
+    clear: both;
+	top: 4px;
+	left: 10px;
+	padding: 2px;
+}
+#user-menu > a {
+	vertical-align: top;
+}
+#user-menu-label {
+   	font-size: 12px;
+    padding: 3px 20px 9px 5px;
+    height: 10px;
+}
 .nav-ajax-update, .nav-ajax-left {
 	width: 30px;
 	height: 19px;
@@ -586,6 +683,7 @@ nav #nav-notifications-linkmenu.on .icon.s22.notify, nav #nav-notifications-link
     background: #ddd;
 }
 
+
 /** sysmsg **/
 #sysmsg_info {
 	position: fixed;
@@ -624,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;
@@ -659,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;
@@ -679,20 +781,33 @@ 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: 30px 0px;
+	margin: 20px 0px 30px;
+    width: 150px;
+}
+#netsearch-box #search-submit {
+    margin: 5px 5px 0px 0px;
 }
 .ttright {
 	margin: 0px 0px 0px 0px;
 }
 
+
 /**
 * contacts block
 */
@@ -760,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;
@@ -768,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;
@@ -783,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,
@@ -946,7 +1092,7 @@ aside #viewcontacts {
     background-color: #ffffe0;
 	color: #111;
     border: 1px #aa0 solid;
-    border-radius: 3px;
+    border-radius: 5px;
     padding: 3px 3px 6px 10px;
 }
 #jot-preview-content .wall-item-outside-wrapper {
@@ -958,11 +1104,13 @@ aside #viewcontacts {
 /**
  * section
  */
-section {
-    margin: 20px 8% 0 4%;
+#sectionmain {
+    margin: 20px;
     font-size: 0.8em;
-    padding-right: 230px;
 	min-width: 475px;
+	width: 67%;
+	float: left;
+	display: inline;
 }
 
 /** tabs **/
@@ -973,12 +1121,14 @@ section {
 }
 .tabs li {
     display: inline;
+	font-size: smaller;
+	font-weight: bold;
 }
 .tab {
     border: 1px solid #729fcf;
 	padding: 4px;
 }
-.tab:hover {
+.tab:hover, .tab.active:hover {
     background: #729fcf;
     color: #eeeeec;
 }
@@ -990,17 +1140,22 @@ section {
 	background: #729fcf;
     color: #eeeeec;
 }
+.tab.active a {
+	color: #729fcf;
+}
 .tab a {
 	border: 0;
 	text-decoration: none;
 }
 
+
 /**
  * 	items
  */
 .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;
@@ -1018,12 +1173,17 @@ section {
 }
 .shiny {
     background: #efefdf;
+	border-radius: 5px;
+}
+.wall-outside-wrapper .shiny {
+	border-radius: 5px;
 }
 .heart {
 	color: red;
 }
 .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 ;) */
@@ -1064,7 +1224,7 @@ section {
     border-radius: 5px;
 }
 [class^="wall-item-tools"] > *, [class^="wall-item-tools"] > * > * {
-	margin: 0 0 5px 0;
+	/*margin: 0 0 5px 0;*/
 }
 .wall-item-tools {
     float: right;
@@ -1085,17 +1245,36 @@ section {
     -ms-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
 }
+.wall-item-subtools1 {
+    height: 30px;
+    list-style: none outside none;
+    margin: 20px 0 30px -20px;
+    padding: 0;
+    width: 30px;
+}
+.wall-item-subtools2 {
+    height: 25px;
+    list-style: none outside none;
+    margin: -75px 0 0 5px;
+    padding: 0;
+    width: 25px;
+}
 .wall-item-title {
 	font-size: 1.2em;
 	font-weight: bold;
     margin-bottom: 1em;
 }
 .wall-item-body {
-	margin: 10px 10px 10px 0px;
+	margin: 20px 20px 10px 0px;
     text-align: left;
+	overflow-x: auto;
 }
 .wall-item-lock-wrapper {
 	float: right;
+    height: 22px;
+    margin: 0 -5px 0 0;
+    width: 22px;
+	opacity: 1;
 }
 .wall-item-dislike,
 .wall-item-like {
@@ -1195,6 +1374,24 @@ section {
     overflow: auto;
     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;
+}
 
 
 /**
@@ -1712,8 +1909,10 @@ div[id$="wrapper"] br {
 /**
  * 	register, settings & profile forms
  */
-#id_openid_url,
 .openid {
+
+}
+#id_openid_url {
     background:url(login-bg.gif) no-repeat;
     background-position:0 50%;
     padding-left:18px;
@@ -1781,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;
@@ -1809,10 +2008,12 @@ div[id$="wrapper"] br {
  * 	contacts selector
  */
 .group-delete-wrapper {
-	margin: -31px 122px 0 0;
+	margin: -31px 50px 0 0;
     float: right;
 }
-
+/*.group-delete-icon {
+    margin: 0 0 0 10px;
+}*/
 #group-edit-submit-wrapper {
     margin: 0 0 10px 0;
     display: inline;
@@ -1852,6 +2053,7 @@ div[id$="wrapper"] br {
     display: none;
 }
 
+
 /**
  * profile
  */
@@ -1935,6 +2137,9 @@ div[id$="wrapper"] br {
     float:left;
     font-size:20px;
 }
+.event {
+	background: #2e2f2e;
+}
 .vevent {
     border:1px solid #ccc;
 }
@@ -1946,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');
@@ -1963,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;
@@ -2023,12 +2228,21 @@ div[id$="wrapper"] br {
 	opacity: 1.0 !important;
 	filter:alpha(opacity=100) !important;
 }
+.filesavetags, .categorytags {
+	margin: 20px 0;
+	opacity: 0.5;
+	filter:alpha(opacity=50);
+}
+.filesavetags:hover, .categorytags:hover {
+	margin: 20px 0;
+	opacity: 1.0 !important;
+	filter:alpha(opacity=100) !important;
+}
 .item-select {
 	opacity: 0.1;
 	filter:alpha(opacity=10);
 	float: right;
-	margin-right: 10px;
-
+	margin-right: 5px;
 }
 .item-select:hover, .checkeditem {
 	opacity: 1;
@@ -2054,6 +2268,10 @@ div[id$="wrapper"] br {
 #item-delete-selected-desc:hover {
 	text-decoration: underline;
 }
+.fc-state-highlight {
+    background: #eec;
+    color: #2e2f2e;
+}
 
 
 /**
@@ -2076,13 +2294,13 @@ div[id$="wrapper"] br {
 #group-sidebar {
     margin-bottom: 10px;
 }
-.group-selected, .nets-selected {
+.group-selected, .nets-selected, .fileas-selected {
     padding: 3px;
 	color: #111;
     background: #f8f8f8;
     font-weight: bold;
 }
-.group-selected:hover, .nets-selected:hover {
+.group-selected:hover, .nets-selected:hover, .fileas-selected:hover {
 	color: #111;
 }
 .groupsideedit {
@@ -2160,6 +2378,7 @@ div[id$="wrapper"] br {
     margin: 5px 0px 0px 0px;
 }
 
+
 /**
  * ADMIN
  */
@@ -2247,7 +2466,7 @@ div[id$="wrapper"] br {
 .field {
 	/*margin-bottom: 10px;*/
 	/*padding-bottom: 10px;*/
-    overflow: auto;
+	overflow: auto;
     width: 100%;
 }
 .field label, label {
@@ -2255,11 +2474,10 @@ div[id$="wrapper"] br {
     width: 275px;
 	display: block;
 	font-size: 1.077em;
-	/*font-weight: bold;*/
 	margin: 0 10px 0.5em 0;
 	border: 1px #999 solid;
 	padding: 5px;
-	background: #eee;
+	background: #ccc;
 	vertical-align: middle;
 	color: #111;
 }
@@ -2428,6 +2646,7 @@ div[id$="wrapper"] br {
 .icon.drop,
 .icon.drophide, .icon.delete {
     float: left;
+	margin: 0 2px;
 }
 .icon.s22.delete {
 	display: block;
@@ -2474,6 +2693,9 @@ div[id$="wrapper"] br {
 .dislike {
 	background-position: -190px 0;
 }
+.file-as {
+	background-position: -230px -60px;
+}
 .like {
 	background-position: -211px 0;
 }
@@ -2560,9 +2782,9 @@ div[id$="wrapper"] br {
 }
 .border, .border:hover {
 	border: 1px solid #babdb6;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;	
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;	
 }
 .attachtype {
     display: block;
@@ -2596,7 +2818,7 @@ div[id$="wrapper"] br {
 }
 footer {
     display: block;
-    margin: 50px 20%;
+	/*margin: 50px 20%;*/
     clear: both;
 }
 #profile-jot-text {
@@ -2625,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;
@@ -2689,7 +2912,7 @@ footer {
 	vertical-align: middle;
 }
 #acl-wrapper a:hover {
-    text-decoration:none;
+    text-decoration: none;
     color: #000;
 	border: 0;
 }
@@ -2745,13 +2968,7 @@ footer {
 }
 .qcomment-wrapper {
     padding: 0px;
-    margin: 2px;
-    list-style-type: none;
-}
-.qcomment, .qcomment:hover {
-    display: inline;
-    padding: 5px;
-    margin: 5px;
+    margin: 5px 5px 5px 81%;
 }
 .qcomment {
 	opacity: 0.5;
@@ -2771,6 +2988,29 @@ footer {
 .network-star.icon.starred {
     display: inline-block;
 }
+#fileas-sidebar {
+	
+}
+.fileas-ul {
+	padding: 0;
+}
+
+
+
+/*
+ * ADDONS THEMING
+ */
+
+#sidebar-page-list {
+	
+}
+#sidebar-page-list ul {
+	padding: 0;
+	margin: 5px 0;
+}
+#sidebar-page-list li {
+	list-style: none;
+}
 
 
 @media handheld {