X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Fduepuntozero%2Fstyle.css;h=84ea6db94bde599452394bd77bf984d66a0b50ca;hb=390983a3312b14c3c122740bb7141426214cb33e;hp=583d4fe2047beaa68f4fd3530e6ed821f0fb72f1;hpb=5cbb5b140c62c07a512861217ee61058580d6901;p=friendica.git

diff --git a/view/theme/duepuntozero/style.css b/view/theme/duepuntozero/style.css
index 583d4fe204..84ea6db94b 100644
--- a/view/theme/duepuntozero/style.css
+++ b/view/theme/duepuntozero/style.css
@@ -22,7 +22,7 @@ a:hover {text-decoration: underline; }
 input {
 	border: 1px solid #666666;
 	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	padding: 3px;
 }
 
@@ -50,7 +50,7 @@ code {
 	background: #EEE;
 	color: #444;
 	padding: 10px;
-	margin-top: 20px; 
+	margin-top: 20px;
 }
 
 blockquote {
@@ -83,8 +83,26 @@ blockquote {
 	margin-right: 5px;
 }
 
-.pull-right { float: right }
+ul.menu-popup {
+	position: absolute;
+	display: none;
+	width: auto;
+	margin: 2px 0 0;
+	padding: 0px;
+	list-style: none;
+	z-index: 100000;
+	border: 2px solid #444444;
+	background: #FFFFFF;
+}
+.menu-popup li a {
+	padding: 2px;
+	white-space: nowrap;
+}
 
+a.btn, a.btn:hover {
+	text-decoration: none;
+	color: inherit;
+}
 
 
 /* nav */
@@ -93,7 +111,7 @@ nav {
 	display: block;
 	margin: 0px 10%;
 	border-bottom: 1px solid #babdb6;
-	position: relative; 
+	position: relative;
 }
 nav #site-location {
 	color: #888a85;
@@ -142,20 +160,20 @@ nav #banner #logo-text a:hover { text-decoration: none; }
 
 
 .nav-commlink, .nav-login-link {
-    display: block;
-    height: 15px;
+	display: block;
+	height: 15px;
 	margin-top: 67px;
 	margin-right: 2px;
-	//padding: 6px 10px;
-       padding: 6px 3px;
+	/*padding: 6px 10px;*/
+	padding: 6px 3px;
 	float: left;
 	bottom: 140px;
 	border: 1px solid #babdb6;
 	border-bottom: 0px;
 	background-color: #aec0d3;
-	color: #565854;		
+	color: #565854;
 	-moz-border-radius: 3px 3px 0px 0px;
-	border-radius: 3px 3px 0px 0px;	
+	border-radius: 3px 3px 0px 0px;
 }
 nav .nav-link {
 	float: right;
@@ -175,7 +193,7 @@ nav .nav-link {
 .nav-ajax-left {
 	font-size: 0.8em;
 	float: left;
-	margin-top: 62px;	
+	margin-top: 62px;
 }
 
 
@@ -207,6 +225,7 @@ aside {
 	font-weight: bold;
 	background: #3465a4 url('friendica-16.png') no-repeat 95% center;
 }
+#subscribe-feed-link,
 #wallmessage-link {
 	display: block;
 	color: #FFFFFF;
@@ -230,12 +249,12 @@ section {
 	background-position: top right;
 	background-repeat: no-repeat;
 	min-height: 112px;
-	
+
 }
 .tabs {
 	height: 27px;
 	background-image: url(head.jpg);
-	background-repeat: repeat-x;	
+	background-repeat: repeat-x;
 	background-position: 0px -20px;
 	border-bottom: 1px solid #babdb6;
 	padding:0px;
@@ -245,12 +264,12 @@ section {
 	display:block;
 	float:left;
 	padding: 0.4em;
-	//margin-right: 1em;
+	/*margin-right: 1em;*/
 	margin-right: 3px ;
 }
 .tab.active {
 	font-weight: bold;
-	
+
 }
 
 
@@ -279,15 +298,40 @@ div.wall-item-content-wrapper.shiny {
 	margin: 15px 0 15px 150px;
 }
 
+/* Contact-Header for the Network Stream */
+#viewcontact_wrapper-network {
+	width: 100%;
+	min-height: 100px;
+	background-color: #DBE6F1;
+	border-bottom: 1px solid #babdb6;
+}
+#contact-entry-wrapper-network {
+	float: none;
+	width: auto;
+	height: auto;
+	padding: 10px;
+	margin: 0px
+}
+#contact-entry-accounttype-network {
+	font-size: 20px;
+}
+#contact-entry-name-network {
+	font-size: 24.5px;
+}
+/*#contact-entry-name-network>.contact-entry-details, #contact-entry-url-network,
+#contact-entry-details-network, contact-entry-network-network {
+	color: #000;
+}*/
+
 /* from default */
-#jot-perms-icon, 
+#jot-perms-icon,
 #profile-location,
 #profile-nolocation,
-#profile-youtube, 
-#profile-video, 
+#profile-youtube,
+#profile-video,
 #profile-audio,
 #profile-link,
-#profile-title, 
+#profile-title,
 #wall-image-upload,
 #wall-file-upload,
 #profile-upload-wrapper,
@@ -315,13 +359,13 @@ div.wall-item-content-wrapper.shiny {
 #jot-category::-webkit-input-placeholder{font-weight: normal;}
 #jot-title:-moz-placeholder{font-weight: normal;}
 #jot-category:-moz-placeholder{font-weight: normal;}
-		
-	
+
+
 #jot-title:hover,
 #jot-title:focus,
 #jot-category:hover,
 #jot-category:focus {
-	border: 1px solid #cccccc; 
+	border: 1px solid #cccccc;
 }
 
 .jothidden { display:none; }
@@ -342,10 +386,10 @@ div.wall-item-content-wrapper.shiny {
 	margin-bottom: 10px;
 }
 
-.group-selected, .nets-selected, .fileas-selected, .categories-selected {
+.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {
 	padding: 3px;
 	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -354,7 +398,7 @@ div.wall-item-content-wrapper.shiny {
 .settings-widget .selected {
 	padding: 3px;
 	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	border: 1px solid #CCCCCC;
 	background: #F8F8F8;
 	font-weight: bold;
@@ -682,6 +726,9 @@ input#dfrn-url {
 	height:175px;
 	padding: 12px;
 }
+#profile-photo-wrapper.crop-preview img {
+	padding: 0;
+}
 
 #profile-edit-profile-name-label,
 #profile-edit-name-label,
@@ -815,7 +862,7 @@ input#dfrn-url {
     clear: left;
     color: #666666;
     display: block;
-    margin-bottom: 20px	
+    margin-bottom: 20px
 }
 
 #profile-edit-profile-name-end,
@@ -878,8 +925,14 @@ input#dfrn-url {
 
 .contact-entry-wrapper {
 	float: left;
-	width: 120px;
-	height: 120px;
+	min-width: 363px;
+	height: 90px;
+	padding-right: 10px;
+	margin: 0 10px 10px 0px;
+}
+.contact-entry-wrapper .contact-entry-photo-wrapper {
+	float: left;
+	margin-right: 10px;
 }
 #contacts-search-end {
 	margin-bottom: 10px;
@@ -893,15 +946,22 @@ input#dfrn-url {
 .contact-entry-photo img {
 	border: none;
 }
+.contact-entry-photo a img {
+	width: 80px;
+	height: 80px;
+}
 .contact-entry-photo-end {
 	clear: both;
 }
 .contact-entry-name {
-	float: left;
-	margin-left: 0px;
-	margin-right: 10px;
-	width: 120px;
+	font-weight: bold;
+}
+.contact-entry-details {
+	font-size: 13px;
+	color: #999999;
+	white-space: nowrap;
 	overflow: hidden;
+	text-overflow: ellipsis;
 }
 .contact-entry-edit-links {
 	margin-top: 6px;
@@ -946,7 +1006,7 @@ input#dfrn-url {
 	border: 1px solid #CCC;
 	position: relative;
 	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 }
 
 .tread-wrapper .tread-wrapper {
@@ -961,7 +1021,7 @@ input#dfrn-url {
 }
 
 .wall-item-content-wrapper.comment {
-#	margin-left: 50px;
+	/*margin-left: 50px;*/
 	background: #EEEEEE;
 }
 
@@ -989,7 +1049,7 @@ input#dfrn-url {
 	display: block;
 	position: absolute;
 	background-image: url("photo-menu.jpg");
-	background-position: top left; 
+	background-position: top left;
 	background-repeat: no-repeat;
 	margin: 0px; padding: 0px;
 	width: 16px;
@@ -998,7 +1058,7 @@ input#dfrn-url {
 	overflow: hidden;
 	text-indent: 40px;
 	display: none;
-	
+
 }
 .wall-item-photo-menu {
 	width: auto;
@@ -1049,13 +1109,14 @@ input#dfrn-url {
 	/*margin-top: 10px;*/
     left: 105px;
     position: absolute;
-    top: 1px;	
+    top: 1px;
 }
 .comment .wall-item-lock {
 	left: 65px;
 }
 
-.wall-item-ago {
+.wall-item-ago,
+.shared-time {
 	color: #888888;
 	font-size: 0.8em;
 }
@@ -1065,7 +1126,7 @@ input#dfrn-url {
 	/* add ellipsis on text overflow               */
 	/* this work on safari, opera, ie, chrome.     */
 	/* firefox users have to wait support or we    */
-	/* can use a jquery plugin http://bit.ly/zJskg */
+	/* can use a jquery addon http://bit.ly/zJskg */
 	text-overflow: ellipsis;
 	-o-text-overflow: ellipsis;
 	width: 100%;
@@ -1096,17 +1157,22 @@ input#dfrn-url {
 	margin-right: 10px;
 }
 
+.wall-item-like-buttons > a.active,
+.wall-item-attend-wrapper > a.active {
+	background-color: rgba(52, 101, 164, .5);
+}
+
 .editpost {
 	margin-left: 10px;
 	float: left;
 }
 .star-item {
 	margin-left: 10px;
-	float: left;	
+	float: left;
 }
 .tag-item {
 	margin-left: 10px;
-	float: left;	
+	float: left;
 }
 
 .filer-item {
@@ -1130,11 +1196,22 @@ input#dfrn-url {
 	border: none;
 }
 
+.wall-item-attend-wrapper {
+    float:left;
+    padding-left: 10px;
+}
+
+.wall-item-attend-wrapper > a {
+    display: inline-block;
+    margin-right: 10px;
+}
+
 
 .wall-item-wrapper-end {
 	clear: both;
 }
-.wall-item-name-link {
+.wall-item-name-link,
+.shared-author {
 	font-weight: bold;
 	text-decoration: none;
 	color: #3172BD;
@@ -1143,7 +1220,7 @@ input#dfrn-url {
 	border: none;
 }
 .comment .wall-item-photo {
-	width: 50px !important; 
+	width: 50px !important;
 	height: 50px !important;
 }
 .wall-item-content {
@@ -1174,6 +1251,10 @@ input#dfrn-url {
 }
 .type-link .oembed {
 }
+.oembed.video .embed_video > div {
+    position: absolute; top: 0px; left: 0px;
+    background: rgba(0, 0, 0, 0.5) url(shiny.png) no-repeat scroll center center;
+}
 
 .shared_header {
   height: 32px;
@@ -1242,7 +1323,7 @@ blockquote.shared_content {
 
 .comment .wall-item-tools {
 	background:none;
-} 
+}
 
 .comment-edit-wrapper {
 	margin-top: 15px;
@@ -1272,7 +1353,7 @@ blockquote.shared_content {
 	float: left;
 	margin-top: 10px;
 	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 	border: 1px solid #cccccc;
 	padding: 3px 1px 1px 3px;
 }
@@ -1471,8 +1552,12 @@ blockquote.shared_content {
   padding: 10px;
   text-align: center;
   font-size: 1.0em;
+  clear:left;
 }
 
+.pager .disabled {
+	display: none;
+}
 
 .pager_first,
 .pager_last,
@@ -1667,10 +1752,6 @@ blockquote.shared_content {
 	/*margin-left: 175px;*/
 }
 
-.contact-edit-submit {
-	margin-top: 20px;
-}
-
 .contact-select {	position: absolute; top: 64px; left:64px; display:none; }
 .contact-select:checked,
 .contact-entry-photo:hover .contact-select {	display:block; }
@@ -1678,7 +1759,7 @@ blockquote.shared_content {
 .contact-photo-menu-button {
 	position: absolute;
 	background-image: url("photo-menu.jpg");
-	background-position: top left; 
+	background-position: top left;
 	background-repeat: no-repeat;
 	margin: 0px; padding: 0px;
 	width: 16px;
@@ -1687,7 +1768,7 @@ blockquote.shared_content {
 	overflow: hidden;
 	text-indent: 40px;
 	display: none;
-	
+
 }
 .contact-photo-menu {
 	width: auto;
@@ -1725,7 +1806,7 @@ blockquote.shared_content {
 	border: 1px solid #cccccc;
 	padding: 3px 0px 0px 5px;
 	-moz-border-radius: 3px;
-	border-radius: 3px;	
+	border-radius: 3px;
 }
 
 
@@ -1779,7 +1860,7 @@ blockquote.shared_content {
 	overflow: auto;
 }
 #acl-list-content {
-	
+
 }
 .acl-list-item {
 	display: block;
@@ -1796,7 +1877,7 @@ blockquote.shared_content {
 	margin: 4px;
 }
 .acl-list-item p { height: 12px; font-size: 10px; margin: 0px; padding: 2px 0px 1px; overflow: hidden;}
-.acl-list-item a { 
+.acl-list-item a {
 	font-size: 8px;
 	display: block;
 	width: 40px;
@@ -2017,6 +2098,17 @@ a.mail-list-link {
 #sidebar-group-list ul {
 	list-style-type: none;
 }
+.sidebar-group-li .notify, .forum-widget-entry .notify {
+	display: none;
+	font-size: 9px;
+	border: 1px solid rgb(221, 221, 221);
+	padding: 2px;
+	float: right;
+	background-color: #BABDB6;
+}
+.sidebar-group-li .notify.show, .forum-widget-entry .notify.show {
+	display: block;
+}
 
 #sidebar-group-list .icon, #sidebar-group-list .iconspacer {
 	display: inline-block;
@@ -2028,6 +2120,10 @@ a.mail-list-link {
 	margin-top: 10px;
 }
 
+#forumlist-sidebar ul {
+	list-style: none;
+}
+
 .nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
 	list-style-type: none;
 }
@@ -2113,15 +2209,15 @@ aside input[type='text'] {
 	margin-top: 15px;
 	margin-right: 15px;
 	margin-left: 15px;
-/*	width: 200px; height: 200px; 
-	overflow: hidden; 
+/*	width: 200px; height: 200px;
+	overflow: hidden;
 	position: relative; */
 }
 .photo-album-image-wrapper .caption {
-	display: none; 
+	display: none;
  	width: 100%;
 /* 	position: absolute; */
- 	bottom: 0px; 
+ 	bottom: 0px;
  	padding: 0.5em 0.5em 0px 0.5em;
  	background-color: rgba(245, 245, 255, 0.8);
  	border-bottom: 2px solid #CCC;
@@ -2143,14 +2239,14 @@ aside input[type='text'] {
 	margin-right: 15px;
 	margin-left: 15px;
 	margin-bottom: 15px;
-/*	width: 200px; height: 200px; 
+/*	width: 200px; height: 200px;
 	overflow: hidden; */
 }
 .photo-top-album-name {
  	width: 100%;
  	min-height: 2em;
 /* 	position: absolute;  */
- 	bottom: 0px; 
+ 	bottom: 0px;
  	padding: 0px 3px;
  	padding-top: 0.5em;
  	background-color: rgb(255, 255, 255);
@@ -2238,7 +2334,7 @@ aside input[type='text'] {
 }
 
 #profile-jot-banner-end {
-	/* clear: both; */ 
+	/* clear: both; */
 }
 
 #photos-upload-select-files-text {
@@ -2429,14 +2525,14 @@ aside input[type='text'] {
 	margin-bottom: 25px;
 }
 
-.location-label, .gender-label, .marital-label, .homepage-label {
+.location-label, .gender-label, .marital-label, .homepage-label, .network-label {
 	float: left;
 	text-align: right;
 	display: block;
 	width: 65px;
 }
 
-.adr, .x-gender, .marital-text, .homepage-url {
+.adr, .x-gender, .marital-text, .homepage-url, .x-network {
 	float: left;
 	display: block;
 	margin-left: 8px;
@@ -2457,7 +2553,7 @@ aside input[type='text'] {
 }
 
 
-#plugin-settings-link, #account-settings-link {
+#addon-settings-link, #account-settings-link {
 	margin-bottom: 10px;
 }
 
@@ -2466,7 +2562,7 @@ aside input[type='text'] {
 }
 
 /* end from default */
-	
+
 
 .fn {
 	padding: 0px 0px 5px 12px;
@@ -2474,18 +2570,24 @@ aside input[type='text'] {
 	font-weight: bold;
 }
 
-.vcard .title {
+.vcard .title,
+.vcard .p-addr {
 	margin-bottom: 5px;
 	margin-left: 12px;
 }
 
+.vcard .account-type {
+	font-size: 120%;
+	margin-bottom: 13px;
+}
+
 .vcard dl {
 	clear: both;
 }
 
 #birthday-title {
 	float: left;
-	font-weight: bold;	
+	font-weight: bold;
 }
 
 #birthday-adjust {
@@ -2609,7 +2711,7 @@ aside input[type='text'] {
 	clear: both;
 }
 
- 
+
 .calendar {
 	font-family: Courier, monospace;
 }
@@ -2691,12 +2793,6 @@ aside input[type='text'] {
 	margin-bottom: 15px;
 }
 
-#language-selector {
-	position: absolute;
-	top: 0px;
-	left: 16px;
-}
-
 #group-members {
 	margin-top: 20px;
 	padding: 10px;
@@ -2793,7 +2889,7 @@ aside input[type='text'] {
 
 
 #netsearch-box {
-	margin-top: 20px;	
+	margin-top: 20px;
 }
 
 #netsearch-box #search-submit {
@@ -2866,19 +2962,6 @@ aside input[type='text'] {
 	text-decoration: underline;
 }
 
-#lang-select-icon {
-	cursor: pointer;
-	position: absolute;
-	left: 0px;
-	top: 0px;
-	opacity: 0.2;
-	filter:alpha(opacity=20);
-}
-
-#lang-select-icon:hover {
-	opacity: 1;
-	filter:alpha(opacity=100);
-}
 
 .notif-image {
 	height: 80px;
@@ -2900,7 +2983,7 @@ aside input[type='text'] {
 .settings-heading {
 	border-bottom: 1px solid #babdb6;
 }
- 
+
 
 /**
  * Form fields
@@ -2926,7 +3009,7 @@ aside input[type='text'] {
 	display: block;
 	margin-left: 200px;
 	color: #666666;
-	
+
 }
 
 
@@ -2974,7 +3057,7 @@ aside input[type='text'] {
 	font-weight: bold;
 	background-color: #FF0000;
 	padding: 0em 0.3em;
-	
+
 }
 #adminpage dl {
 	clear: left;
@@ -3002,10 +3085,10 @@ aside input[type='text'] {
 	text-align: right;
 }
 
-#adminpage #pluginslist {
+#adminpage #addonslist {
 	margin: 0px; padding: 0px;
 }
-#adminpage .plugin {
+#adminpage .addon {
 	list-style: none;
 	display: block;
 	border: 1px solid #888888;
@@ -3013,8 +3096,8 @@ aside input[type='text'] {
 	margin-bottom: 5px;
 	clear: left;
 }
-#adminpage .plugin .desc { margin-left: 2.5em;}
-#adminpage .toggleplugin {
+#adminpage .addon .desc { margin-left: 2.5em;}
+#adminpage .toggleaddon {
 	float:left;
 	margin-right: 1em;
 }
@@ -3029,7 +3112,7 @@ aside input[type='text'] {
 /*
  * UPDATE
  */
-.popup { 	
+.popup {
 	width: 100%; height: 100%;
 	top:0px; left:0px;
 	position: absolute;
@@ -3050,7 +3133,7 @@ aside input[type='text'] {
 	border: 4px solid #000000;
 	background-color: #FFFFFF;
 }
-.popup .panel .panel_text { display: block; overflow: auto; height: 80%; } 
+.popup .panel .panel_text { display: block; overflow: auto; height: 80%; }
 .popup .panel .panel_in { width: 100%; height: 100%;	position: relative; }
 .popup .panel .panel_actions {  width: 100%; bottom: 4px; left: 0px; position: absolute; }
 .panel_text .progress { width: 50%; overflow: hidden; height: auto; border: 1px solid #cccccc; margin-bottom: 5px}
@@ -3063,7 +3146,7 @@ aside input[type='text'] {
 	height: auto; overflow: auto;
 	border-bottom: 2px solid #cccccc;
 	padding-bottom: 1em;
-	margin-bottom: 1em;	
+	margin-bottom: 1em;
 }
 .oauthapp img {
 	float: left;
@@ -3129,6 +3212,9 @@ aside input[type='text'] {
 .tagged { background-position: -48px -48px; }
 .yellow { background-position: -64px -48px; }
 
+.attendyes { background-position: -80px -48px; }
+.attendno { background-position: -96px -48px; }
+.attendmaybe { background-position: -112px -48px; }
 
 .filer-icon {
 	display: block; width: 16px; height: 16px;
@@ -3231,6 +3317,12 @@ aside input[type='text'] {
 
 /* autocomplete popup */
 .acpopup {
+	background-color:#ffffff;
+	overflow:auto;
+	z-index:100000;
+	border:1px solid #cccccc;
+}
+.acpopup-mce {
 	max-height:150px;
 	background-color:#ffffff;
 	overflow:auto;
@@ -3249,6 +3341,12 @@ aside input[type='text'] {
 .acpopupitem.selected {
 	color: #FFFFFF; background: #3465A4;
 }
+.textcomplete-item.active {
+	color: #FFFFFF; background: #3465A4;
+}
+.active a .acpopup-sub-text {
+	color: #fff;
+}
 
 /* popup notifications */
 div.jGrowl div.notice {
@@ -3290,6 +3388,17 @@ div.jGrowl div.info {
 }
 
 /* notifications popup menu */
+.manage-notify {
+  font-size: 10px;
+  padding: 1px 3px;
+  top: 0px;
+  min-width: 15px;
+  text-align: center;
+  float: right;
+  margin-top: -14px;
+  margin-right: -20px;
+}
+
 .nav-notify {
 	display: none;
 	position: absolute;
@@ -3303,17 +3412,6 @@ div.jGrowl div.info {
 .nav-notify.show {
 	display: block;
 }
-ul.menu-popup {
-	position: absolute;
-	display: none;
-	width: 10em;
-	margin: 0px;
-	padding: 0px;
-	list-style: none;
-	z-index: 100000;
-	top: 90px;
-	left: 200px;
-}
 #nav-notifications-menu {
 	width: 320px;
 	max-height: 400px;
@@ -3323,6 +3421,8 @@ ul.menu-popup {
 	-webkit-border-radius: 5px;
 	border-radius:5px;
 	border: 1px solid #888;
+	top: 90px;
+	left: 200px;
 }
 #nav-notifications-menu .contactname { font-weight: bold; font-size: 0.9em; }
 #nav-notifications-menu img { float: left; margin-right: 5px; }
@@ -3367,7 +3467,7 @@ ul.menu-popup {
 }
 
 #recip {
-	
+
 }
 .autocomplete-w1 { background: #ffffff no-repeat bottom right; position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
 .autocomplete { color:#000; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
@@ -3402,10 +3502,10 @@ ul.menu-popup {
 }
 @media all and (max-width: 760px) {
 	body { background-image: none; }
-	nav, aside, section, footer { 
-		margin: 0px; 
-		float: none; 
-		position: relative; 
+	nav, aside, section, footer {
+		margin: 0px;
+		float: none;
+		position: relative;
 		width: 100%;
 		padding: 0.5em;
 		height: auto;
@@ -3418,11 +3518,11 @@ ul.menu-popup {
 	aside { overflow: hidden; min-height: 0; height: 1em;}
 	aside:hover, aside:focus { height: auto; }
 
-	nav .nav-link { 
+	nav .nav-link {
 		float: left;
 		width: 23%;
 		min-width: 100px;
-		height: 15px;	
+		height: 15px;
 		display: block;
 		margin: 0.4em 2px 0 0;
 
@@ -3433,11 +3533,11 @@ ul.menu-popup {
 		background-color: rgb(174, 192,211)!important;
 	}
 	.nav-commlink.selected,
-	.nav-commlink { 
+	.nav-commlink {
 		border-bottom: 0px;
 		padding: 6px 3px;
 		min-width: 100px;
-		float: left; 
+		float: left;
 		margin-top: 0.4em;
 		width: 23%;
 		bottom: auto;
@@ -3448,3 +3548,27 @@ ul.menu-popup {
 	ul.menu-popup { left: 0px; top: 20px; }
 
 }
+
+/* videos page */
+.videos .video-top-wrapper {
+  width: 300px;
+  float: left;
+  margin: 0px 10px 10px 0px;
+  position: relative;
+}
+.videos .video-top-wrapper .video-delete {
+  position: absolute;
+  opacity: 0;
+  right: 0px;
+  top: 0px;
+  transition: opacity 0.5s;
+}
+.videos .video-top-wrapper:hover .video-delete {
+  opacity: 1;
+}
+#message-preview .mail-list-sender-url, #message-preview .mail-list-delete {
+	display: none;
+}
+#message-preview .mail-list-outside-wrapper {
+	margin-top: 20px;
+}