X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrost%2Fstyle.css;h=0e0ce6d71f318824bfacd5eeea3b6e82cf42253c;hb=8f2087a1988a5b20ed1c38d5906481b92a35dc7f;hp=c12e14de74ac209aff27a08b518b4faa7f6c2fb1;hpb=2940f25df94afb0c75a8181f15878417fa5cdc21;p=friendica.git

diff --git a/view/theme/frost/style.css b/view/theme/frost/style.css
index c12e14de74..0e0ce6d71f 100644
--- a/view/theme/frost/style.css
+++ b/view/theme/frost/style.css
@@ -85,18 +85,24 @@ blockquote {
 }
 .hide-comments-outer:hover {
 	opacity: 1.0;
+	border-bottom: 1px solid #DDD; /* manually prevent the border from changing color */
 }
 .hide-comments {
 	margin-left: 5px;
 }
 
 #panel {
-	background-color: ivory;
 	position: absolute;
 	z-index: 2;
 	width: 30%;
 	padding: 25px;
-	border: 1px solid #444;
+
+/*	background-color: ivory;
+	border: 1px solid #444;*/
+
+	border-radius: 7px;
+	background-color: #222;
+	color: #eee;
 }
 
 .heart {
@@ -284,7 +290,7 @@ aside {
 	border-radius: 5px;
 	padding: 5px;
 	font-weight: bold;
-	background: #3465a4 url('friendika-16.png') no-repeat 95% center;
+	background: #3465a4 url('friendica-16.png') no-repeat 95% center;
 }
 #wallmessage-link {
 	display: block;
@@ -310,7 +316,7 @@ section {
 
 	padding-left: 1em;
 	padding-right: 1em;
-	padding-top: 1em;
+	padding-top: 0.5em;
 
 	background-color: #ffffff;
 /*	background-image: url(border.jpg);
@@ -318,20 +324,41 @@ section {
 	background-repeat: no-repeat;*/
 
 	min-height: 112px;
-	border-top: 1px solid #babdb6;
-	border-left: 1px dotted #AAA;
-	border-right: 1px dotted #AAA;
+/*	border-top: 1px solid #babdb6;*/
+	border-top: 1px solid #CCC;
+	border-left: 1px solid #CCC;
+	border-right: 1px solid #CCC;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
 }
 
 .tabs {
 	height: 27px;
-	background-image: url(head.jpg);
+	/*background-image: url(head.jpg);
 	background-repeat: repeat-x;	
 	background-position: 0px -20px;
-	border-bottom: 1px solid #babdb6;
+	border-bottom: 1px solid #babdb6;*/
 	padding:0px;
 }
 .tabs li { margin: 0px; list-style: none; }
+.tabs a {
+/*	background-image: url(head.jpg);
+	background-repeat: repeat-x;	
+	background-position: 0px 0px;
+	background-size: auto 45px;*/
+
+	padding: 0.4em 0.5em;
+	margin-right: 0.5em;
+	margin-bottom: 0.5em;
+	border: 1px solid #aaa;
+	border-radius: 8px;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+
+	box-shadow: -2px -2px 3px #aaa inset;
+	-moz-box-shadow: -2px -2px 3px #aaa inset;
+	-webkit-box-shadow: -2px -2px 3px #aaa inset;
+}
 .tab {
 	display:block;
 	float:left;
@@ -341,7 +368,17 @@ section {
 }
 .tab.active {
 	font-weight: bold;
-	
+
+/*	background-image: url(head-flipped.jpg);
+	background-position: 0px -20px;*/
+
+	box-shadow: 2px 2px 3px #aaa inset;
+	-moz-box-shadow: 2px 2px 3px #aaa inset;
+	-webkit-box-shadow: 2px 2px 3px #aaa inset;
+}
+
+#display-top-padding {
+	padding-top: 3em;
 }
 
 
@@ -351,6 +388,12 @@ footer {
 	padding-bottom: 1em;
 }
 
+#maintenance-message {
+	font-size: 20px;
+	text-align: center;
+	margin-top: 10em;
+}
+
 .birthday-today, .event-today {
 	font-weight: bold;
 }
@@ -400,13 +443,17 @@ div.wall-item-content-wrapper.shiny {
 }
 
 #jot-title, #jot-category {
-	border: 0px;
 	margin: 0px;
-	height: 20px;
-	width: 530px;
 	margin-bottom: 5px;
+
+	height: 20px;
+	width: 465px;
 	font-weight: bold;
+
 	border: 1px solid #ffffff;
+
+	display: block;
+	clear: left;
 }
 
 #jot-title::-webkit-input-placeholder{font-weight: normal;}
@@ -551,7 +598,7 @@ div.wall-item-content-wrapper.shiny {
 
 input#dfrn-url {
 	float: left;
-	background: url(friendika-16.png) no-repeat;
+	background: url(friendica-16.png) no-repeat;
 	background-position: 2px center;
 	font-size: 17px;
 	padding-left: 21px;
@@ -1012,6 +1059,12 @@ input#dfrn-url {
 	padding-left: 0px;
 }
 
+#contacts-search-wrapper {
+	padding-top: 1em;
+	padding-bottom: 2em;
+	clear: left;
+}
+
 #contacts-main {
 	margin-top: 20px;
 	margin-bottom: 20px;
@@ -1102,7 +1155,7 @@ input#dfrn-url {
 }
 
 .wall-item-content-wrapper {
-	padding-top: 30px;
+	padding-top: 1em; /* wall-item-lock margin-top needs to match this */
 	border-top: 2px solid #AAA;
 	position: relative;
 
@@ -1139,15 +1192,16 @@ input#dfrn-url {
 	float: left;
 	width:110px;
 	margin-right:10px;
+	margin-bottom:10px;
 }
 .comment .wall-item-info {
 	width: 70px;
 }
 
-.wall-item-photo-wrapper {
+/*.wall-item-photo-wrapper {
 	margin-bottom: 10px;
 	width: 100px;
-}
+}*/
 .wall-item-photo-menu-button {
 	display: block;
 	position: absolute;
@@ -1157,7 +1211,7 @@ input#dfrn-url {
 	margin: 0px; padding: 0px;
 	width: 16px;
 	height: 16px;
-	top: 94px; left:0px;
+	top: 76px; left:0px;
 	overflow: hidden;
 	text-indent: 40px;
 	display: none;
@@ -1169,7 +1223,7 @@ input#dfrn-url {
 	background: #FFFFFF;
 	position: absolute;
 /*	left: 10px; top: 90px;*/
-	left: 0px; top:110px;
+	left: 0px; top:92px;
 	display: none;
 	z-index: 10000;
 }
@@ -1185,7 +1239,7 @@ input#dfrn-url {
     left: 50px;
     margin: 0;
     position: absolute;
-    top: 70px;
+    top: 63px;
     width: 30px
 }
 .wallwall .wwto img {
@@ -1200,11 +1254,11 @@ input#dfrn-url {
 .wall-item-arrowphoto-wrapper {
     position: absolute;
     left: 75px;
-    top: 70px;
+    top: 63px;
     z-index: 100;
 }
 .wall-item-lock {
-	margin-top: 30px;
+	margin-top: 1em; /* needs to match .wall-item-content-wrapper padding-top */
 	left: 105px;
 	position: absolute;
 	top: 1px;	
@@ -1214,7 +1268,7 @@ input#dfrn-url {
 	margin-top: 0px;
 }
 
-.wall-item-ago {
+.wall-item-ago, .wall-item-ago a {
 	color: #888888;
 	font-size: 0.8em;
 }
@@ -1300,10 +1354,16 @@ input#dfrn-url {
 }
 .wall-item-photo {
 	border: none;
+	border-radius: 7px;
+	-moz-border-radius: 7px;
+	-webkit-border-radius: 7px;
 }
 .comment .wall-item-photo {
 	width: 50px !important; 
 	height: 50px !important;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
 }
 .wall-item-content {
 	margin-left: 10px;
@@ -1314,15 +1374,34 @@ input#dfrn-url {
 
 .wall-item-content img {
 	display: block;
-	margin-top: 10px;
+	margin-top: 12px;
+	margin-bottom: 12px;
 	margin-right: auto;
 	margin-left: auto;
+/*	max-width: 100%;*/
+	max-width: 400px; /* to make room for the shadow */
+	padding: 5px;
+
+	box-shadow: 0 0 10px #000;
+	-moz-box-shadow: 0 0 10px #000;
+	-webkit-box-shadow: 0 0 10px #000;
+}
+
+.shared_content img {
 	max-width: 100%;
 }
 
+.comment .wall-item-content img {
+	max-width: 370px;
+}
+
 .wall-item-content img.smiley {
 	display: inline;
 	margin: auto;
+	padding: 0;
+	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
 }
 
 .divgrow-showmore {
@@ -1380,7 +1459,7 @@ input#dfrn-url {
 
 .comment .wall-item-tools {
 	margin-left: 0px;
-	margin-top: 0px;
+	margin-top: 5px;
 	padding-top: 0px;
 } 
 
@@ -1462,10 +1541,36 @@ input#dfrn-url {
 	margin-left: 30px;
 }
 
+.shared_header {
+	border-top: 1px solid #aaa;
+	color: #999;
+
+	height: 42px; /* 32 px for the image plus 10 px for the margin around the image */
+	padding-top: 0.5em;
+	margin-top: 1em;
+	margin-bottom: 1em;
+	
+}
+.shared_header img {
+	float: left;
+
+	margin: auto 1em auto auto;
+	padding: 0;
+
+	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+}
+
 #profile-jot-plugin-wrapper,
 #profile-jot-submit-wrapper {
 	margin-top: 15px;
 }
+#profile-jot-banner-wrapper {
+	height: 1.5em;
+	display: block;
+	clear: left
+}
 
 #profile-jot-submit {
 	float: left;
@@ -1880,7 +1985,10 @@ input#dfrn-url {
 }
 
 .contact-edit-submit {
-	margin-top: 20px;
+	margin-top: 10px;
+	clear: left;
+	display: block;
+	margin-bottom: 45px;
 }
 
 
@@ -2327,8 +2435,10 @@ aside input[type='text'] {
 }
 
 .photo-top-image-wrapper {
-/*	position: relative; */
-	float: left;
+/*	position: relative; 
+	float: left;*/
+	display: inline-block;
+	vertical-align: top;
 	margin-top: 15px;
 	margin-right: 15px;
 	margin-left: 15px;
@@ -2336,8 +2446,13 @@ aside input[type='text'] {
 /*	width: 200px; height: 200px; 
 	overflow: hidden; */
 }
-.photo-top-image-wrapper img {
-	max-width: 550px;
+.photo-album-image-wrapper img, .photo-top-image-wrapper img {
+	max-width: 225px;
+	padding: 5px;
+
+	box-shadow: 0 0 10px #000;
+	-moz-box-shadow: 0 0 10px #000;
+	-webkit-box-shadow: 0 0 10px #000;
 }
 .photo-top-album-name {
  	width: 100%;
@@ -2465,9 +2580,8 @@ aside input[type='text'] {
 
 #photos-upload-choosefile-outer-wrapper {
 	margin-top: 35px;
-	padding-top: 50px;
 	padding-left: 50px;
-	position: relative;
+	margin-bottom: 4em;
 }
 #photos-upload-noshare-div {
 	margin-top: 0px;
@@ -2533,12 +2647,13 @@ aside input[type='text'] {
 }
 
 #photo-edit-delete-button {
-	margin-left: 270px;
+/*	margin-left: 270px;*/
+	float: right;
 }
 #photos-upload-choose {
-	position: absolute;
+/*	position: absolute;
 	top: 0px;
-	left: 55px;
+	left: 55px;*/
 }
 .settings-submit, .profile-edit-submit-button {
 	margin-bottom: 10px;
@@ -2787,7 +2902,7 @@ aside input[type='text'] {
 }
 
 #event-share-text {
-	float: left;
+/*	float: left;*/
 	margin-top: 10px;
 	margin-left: 5px;
 }
@@ -2912,9 +3027,17 @@ aside input[type='text'] {
 /*#photo-photo {
 	float: left;
 }*/
+#photo-photo {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+	margin-bottom: 2em;
+	text-align: center;
+}
 #photo-photo img {
-	max-width: 555px;
-	margin-left: 5px;
+/*	max-width: 555px;
+	margin-left: 5px;*/
+	max-width: 100%;
 }
 #photo-photo-end {
 	clear: both;
@@ -2944,11 +3067,18 @@ aside input[type='text'] {
 }
 
 .profile-match-wrapper {
-	float: left;
+	display: inline-block;
 	padding: 10px;
-	width: 120px;
-	height: 120px;
+	/*width: 120px;
+	height: 120px;*/
 	scroll: auto;
+	margin-bottom: 2em;
+	vertical-align: top;
+}
+.profile-match-wrapper .icon.drophide {
+	margin-left: auto;
+	margin-right: auto;
+	margin-top: 1em;
 }
 #profile-match-wrapper-end {
 	clear: both;
@@ -3203,6 +3333,9 @@ aside input[type='text'] {
 	float: left;
 	width: 200px;
 }
+.field.yesno label {
+	font-weight: 700;
+}
 
 .field input,
 .field textarea {
@@ -3310,7 +3443,7 @@ aside input[type='text'] {
 
 #adminpage table {width:100%; border-bottom: 1px solid #000000; margin: 5px 0px;}
 #adminpage table th { text-align: left;}
-#adminpage td .icon { float: left;}
+#adminpage td .icon, #adminpage td .tool { float: left;}
 #adminpage table#users img { width: 16px; height: 16px; }
 #adminpage table tr:hover { background-color: #bbc7d7; }
 #adminpage .selectall { text-align: right; }
@@ -3408,6 +3541,13 @@ aside input[type='text'] {
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
+.icon.drophide:hover {
+	display: block; width: 16px; height: 16px;
+	background-size: 100% 100%;
+	background-image: url('images/drop-16.png');
+	background-repeat: no-repeat;
+	opacity: 1.0;
+}
 .edit { background-position: -80px 0px;}
 /*.camera { background-position: -96px 0px;}*/
 .icon.camera{
@@ -3418,18 +3558,18 @@ aside input[type='text'] {
 	background-repeat: no-repeat;
 }
 /*.dislike { background-position: -112px 0px;}*/
-.icon.dislike {
+.tool.dislike {
 	display: block; width: 15px; height: 16px;/* 23 24*/
 	background-size: 100% 100%;
 	background-image: url('images/disapprove-16.png');
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
-.icon.dislike:hover {
+.tool.dislike:hover {
 	opacity: 1.0;
 }
 /*.like { background-position: -128px 0px;}*/
-.icon.like {
+.tool.like {
 	display: block; width: 15px; height: 16px;/* 23 24*/
 	margin-right: 6px;
 	background-size: 100% 100%;
@@ -3437,7 +3577,7 @@ aside input[type='text'] {
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
-.icon.like:hover {
+.tool.like:hover {
 	opacity: 1.0;
 }
 /*.link { background-position: -144px 0px;}*/
@@ -3466,14 +3606,14 @@ aside input[type='text'] {
 .pause { background-position: -48px -16px;}
 .play { background-position: -64px -16px;}
 /*.pencil { background-position: -80px -16px;}*/
-.icon.pencil {
+.tool.pencil {
 	display: block; width: 16px; height: 16px;
 	background-size: 100% 100%;
 	background-image: url('images/pencil-16.png');
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
-.icon.pencil:hover {
+.tool.pencil:hover {
 	opacity: 1.0;
 }
 /*.small-pencil { background-position: -96px -16px;}*/
@@ -3488,14 +3628,14 @@ aside input[type='text'] {
 	opacity: 1.0;
 }
 /*.recycle { background-position: -112px -16px;}*/
-.icon.recycle {
+.tool.recycle {
 	display: block; width: 16px; height: 16px;/*24 23*/
 	background-size: 100% 100%;
 	background-image: url('images/recycle-16.png');
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
-.icon.recycle:hover {
+.tool.recycle:hover {
 	opacity: 1.0;
 }
 /*.remote-link { background-position: -128px -16px;}*/
@@ -3556,32 +3696,32 @@ aside input[type='text'] {
 
 .off { background-position: 0px -48px; }
 /*.starred { background-position: -16px -48px; }*/
-.icon.starred {
+.tool.starred {
 	display: block; width: 16px; height: 16px;
 	background-size: 100% 100%;
 	background-image: url('images/star-yellow-16.png');
 	background-repeat: no-repeat;
 }
 /*.unstarred { background-position: -32px -48px; }*/
-.icon.unstarred {
+.tool.unstarred {
 	display: block; width: 16px; height: 16px;
 	background-size: 100% 100%;
 	background-image: url('images/star-16.png');
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
-.icon.unstarred:hover {
+.tool.unstarred:hover {
 	opacity: 1.0;
 }
 /*.tagged { background-position: -48px -48px; }*/
-.icon.tagged {
+.tool.tagged {
 	display: block; width: 16px; height: 16px;
 	background-size: 100% 100%;
 	background-image: url('images/tag-16.png');
 	background-repeat: no-repeat;
 	opacity: 0.4;
 }
-.icon.tagged:hover {
+.tool.tagged:hover {
 	opacity: 1.0;
 }
 .yellow { background-position: -64px -48px; }
@@ -3710,20 +3850,66 @@ aside input[type='text'] {
 }*/
 
 .attachtype {
-	display: block; width: 20px; height: 23px;
+	display: block;
 	float: left;
-	background-image: url('../../../images/content-types.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+	background-image: url('images/oxygen/unknown.png');
 }
 
 .body-attach {
 	margin-top: 10px;
 }
 
-.type-video { background-position: 0px 0px; }
+/*.type-video { background-position: 0px 0px; }
 .type-image { background-position: -20px 0px; }
 .type-audio { background-position: -40px 0px; }
 .type-text  { background-position: -60px 0px; }
-.type-unkn  { background-position: -80px 0px; }
+.type-unkn  { background-position: -80px 0px; }*/
+.type-video {
+	background-image: url('images/oxygen/video-x-generic.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}
+.type-image {
+	background-image: url('images/oxygen/image-x-generic.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}
+.type-audio {	background-image: url('images/oxygen/audio-x-generic.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}
+
+.type-text  {
+	background-image: url('images/oxygen/text-x-generic-2.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}
+.subtype-msword, .subtype-vnd-openxmlformats-officedocument-wordprocessingml-document  {
+	background-image: url('images/oxygen/application-msword.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}
+.subtype-pdf  {
+	background-image: url('images/oxygen/application-pdf.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}
+/*.type-unkn  {
+	background-image: url('images/oxygen/unknown.png');
+	background-size: 100% 100%;
+	width: 48px;
+	height: 48px;
+}*/
+
 
 
 /* autocomplete popup */
@@ -3759,9 +3945,12 @@ div.jGrowl div.info {
   padding-left: 58px;
 }
 #jGrowl.top-right {
-	top: 15px;
+	top: 75px;
 	right: 15px;
 }
+div.jGrowl-notification {
+  border-radius: 7px;
+}
 .qcomment {
 	border: 1px solid #EEE;
 	padding: 3px;
@@ -3800,6 +3989,33 @@ div.jGrowl div.info {
 .nav-notify.show {
 	display: block;
 }
+ul#nav-network-notifications-popup {
+	text-align: center;
+	line-height: 18px;
+
+	border: 1px solid #AAAAAA;
+	border-radius: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+
+	-moz-box-shadow: 3px 3px 5px #555;
+	-webkit-box-shadow: 3px 3px 5px #555;
+	box-shadow: 3px 3px 5px #555;
+
+	background: #FFFFFF;
+
+	display: none;
+	list-style: none;
+
+	width: 10em;
+	position: absolute;
+	margin: 0px;
+	top: 15px;
+	left: 55px;
+	padding: 1em 0px;
+
+	z-index: 11000;
+}
 ul.notifications-menu-popup {
 	position: absolute;
 	display: none;