20 files changed, 338 insertions, 311 deletions

diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index f1ebb204e..a0b7c5bba 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -4,66 +4,83 @@
 
 nav .badge {
 	position: absolute;
-	top: 1px;
-	left: 1px;
-	font-size: 10px;
-	line-height: 20px;
-	padding: 0px 5px;
-	height: 20px;
-	min-width: 20px;
-	border-radius: 10px;
+	font-size: 0.75rem;
 }
 
-#navbar-collapse-1 i,
-.navbar-header i {
-	font-size: 14px;
+nav .dropdown-menu {
+	min-width: 16rem;
 }
 
-nav .navbar-header img {
-	height: 49px;
-	width: 49px;
-	margin-top: 1px;
+@media screen and (min-width: 992px) {
+	nav .badge {
+		top: 0px;
+		left: 0px;
+		line-height: 0.75;
+	}
 }
 
-/* nav overrides end */
+@media screen and (max-width: 992px) {
+	.navbar {
+		padding: .5rem 7px;
+	}
+
+	nav .badge {
+		top: 0.5rem;
+		left: 1.5rem;
+	}
+}
+
+.widget .badge {
+	font-size: 100%;
+}
+
+.nav-item.nav-item-hack {
+	height: 2.3rem;
+}
 
+.navbar-toggler-right {
+	padding: 0.2rem 0;
+	white-space: nowrap;
+}
 
-aside .nav-pills > li > a,
-.response-list .nav-pills > li > a {
-	padding: 6px 10px;
+#navbar-collapse-1 i {
+	font-size: 1.0rem;
 }
 
 nav .dropdown-menu {
-	margin-top: 0px;
 	max-height: 70vh;
 	overflow: auto;
 }
 
-nav .navbar-collapse.in .dropdown-menu {
-	max-height: none;
-	overflow: none;
+#navbar-collapse-2 {
+	flex-basis: 100%;
+	max-height: 70vh;
 }
 
-.wall-item-tools .dropdown-menu {
-	min-width: auto;
+#navbar-collapse-2.show {
+	overflow: auto;
 }
 
-.nav-tabs.nav-justified > li {
-	white-space: nowrap;
+
+#navbar-collapse-2.collapsing .dropdown-header,
+#navbar-collapse-2.show .dropdown-header {
+	padding: 0.5rem 0.1rem;
 }
 
-code {
-	white-space: normal;
+.navbar-dark .navbar-toggler {
+	color: rgba(255,255,255,1);
 }
+/* nav overrides end */
 
-.form-control {
-	font-size: unset;
+.wall-item-tools .dropdown-menu {
+	min-width: auto;
 }
 
-.panel-group {
-	margin-bottom: 0px;
+label {
+	font-weight: bold;
 }
 
-/* Bootstrap assumes that checkboxes are on the left of labels, while it's usually the opposite in Red */
-.field.checkbox input[type="checkbox"] { margin-left: 0px; }
-.field.checkbox label { padding-left: 0px; font-weight: 700}
+small,
+.small {
+	font-size: 0.75rem;
+}
diff --git a/view/css/cdav_addressbook.css b/view/css/cdav_addressbook.css
new file mode 100644
index 000000000..038358e43
--- /dev/null
+++ b/view/css/cdav_addressbook.css
@@ -0,0 +1,103 @@
+.vcard-header {
+	cursor: pointer;
+	padding: 7px 10px;
+	margin-bottom: 3px;
+}
+
+.vcard-header:hover,
+.vcard-header.active {
+	background-color: rgb(238,238,238);
+	cursor: pointer;
+}
+
+.vcard-header.active:hover {
+	cursor: initial;
+}
+
+.vcard-add-field {
+	margin-top: 8px;
+	display: none;
+}
+
+.vcard-cancel {
+	margin: 6px 10px;
+	height: 32px;
+	line-height: 32px;
+	color: #777;
+	font-size: 16px;
+
+	cursor: pointer;
+	display: none;
+	float: right;
+}
+
+.vcard-info {
+	display: none;
+}
+
+.vcard-nophoto {
+	display: inline-block;
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	border: 1px solid #ccc;
+	text-align: center;
+	font-size: 20px;
+	color: #fff;
+	background-color: #ddd;
+}
+
+.vcard-photo {
+	width: 32px;
+	height: 32px;
+	border-radius: 4px;
+	border: 1px solid #ccc;
+	text-align: center;
+}
+
+.vcard-fn-preview,
+input.vcard-fn {
+	font-size: 16px !important;
+	margin-left: 5px;
+}
+
+.vcard-email-preview,
+.vcard-tel-preview {
+	color: #999;
+}
+
+
+.vcard-fn,
+#create_form,
+#more_block {
+	display: none;
+}
+
+input.vcard-fn,
+.vcard-fn-create input,
+.vcard-org input,
+.vcard-title input,
+.vcard-tel input,
+.vcard-email input,
+.vcard-impp input,
+.vcard-url input,
+.vcard-adr input,
+.vcard-note input {
+	padding: 0px;
+	margin-left: 5px;
+	border-width: 0px 0px 1px 0px;
+	border-radius: 0px;
+	background-color: transparent;
+	min-width: 160px;
+}
+
+#template-form-vcard-org,
+#template-form-vcard-title,
+#template-form-vcard-tel,
+#template-form-vcard-email,
+#template-form-vcard-impp,
+#template-form-vcard-url,
+#template-form-vcard-adr,
+#template-form-vcard-note {
+	display: none;
+}
diff --git a/view/css/cdav_calendar.css b/view/css/cdav_calendar.css
new file mode 100644
index 000000000..d68278a63
--- /dev/null
+++ b/view/css/cdav_calendar.css
@@ -0,0 +1,22 @@
+/* fix borders */
+
+.fc th:first-child,
+.fc td:first-child {
+    border-left-width: 0px;
+}
+
+.fc th:last-child,
+.fc td:last-child {
+    border-right-width: 0px;
+    border-bottom-width: 0px;
+}
+
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+	border-color: #ccc !important;
+}
diff --git a/view/css/conversation.css b/view/css/conversation.css
index aec457302..77a600deb 100644
--- a/view/css/conversation.css
+++ b/view/css/conversation.css
@@ -1,9 +1,10 @@
+
 /* jot */
 
 .jothidden input[type="text"] {
 	border: 0px;
 	margin: 0px;
-	height: 39px;
+	height: 2.5rem;
 	width: 100%;
 }
 
@@ -23,15 +24,15 @@
 
 #jot-title-wrap input,
 #jot-pagetitle-wrap input {
-	padding: 10px;
+	padding: 0.5rem;
 }
 
 #profile-jot-text {
 	resize: none;
 	border-width: 0px;
-	height: 39px;
-	line-height: 19px;
-	padding: 10px;
+	height: 2.5rem;
+	line-height: 1.5rem;
+	padding: 0.5rem;
 	width: 100%;
 	display: inherit;
 }
@@ -60,53 +61,20 @@
 }
 
 #profile-jot-text-loading {
-	float: left;
 	padding: 30px 0px 0px 12px;
 }
 
 #profile-jot-submit-wrapper {
 	border-top: 1px solid #ccc;
-	padding: 10px;
-}
-
-#profile-jot-perms-end {
-	height: 30px;
-}
-
-#profile-jot-wrapper {
-	margin-bottom: 30px;
-}
-
-#profile-jot-plugin-wrapper {
-	margin-top: 10px;
-}
-
-#profile-rotator-wrapper {
-	float: left;
-}
-
-#profile-rotator {
-	padding: 15px 0px 0px 15px;
 }
 
 /* conversation */
 
-.thread-wrapper.toplevel_item {
-	margin-bottom: 20px;
-}
 
 /* conv_item */
 
-.wall-item-head {
-	padding: 10px 10px 0.5em 10px;
-}
-
-.wall-item-content {
-	padding: 0.5em 10px;
-}
-
-.wall-item-tools {
-	padding: 0.5em 10px 10px 10px;
+.wall-item-head-new {
+	border-top: 0.2rem solid #007bff;
 }
 
 .wall-item-info {
@@ -119,8 +87,8 @@
 	margin-left:10px;
 }
 
-.lockview-panel {
-	padding: 3px 20px;
+.wall-item-divider {
+	margin: 5px;
 }
 
 .wall-item-lock {
@@ -137,6 +105,12 @@ a.wall-item-name-link {
 	text-overflow: ellipsis;
 }
 
+.wall-item-ago,
+.wall-item-ago i {
+	font-size: 0.75rem;
+	line-height: 1;
+}
+
 .wall-item-ago .fa-check {
 	cursor: pointer;
 }
@@ -145,50 +119,28 @@ a.wall-item-name-link {
 	overflow: hidden;
 }
 
-.wall-item-content h1,
-.wall-item-content h2 {
-	font-size: 1.319em;
-}
-
-.wall-item-title h3,
-.wall-item-content h3,
-.wall-item-content h4 {
-	font-size: 1.112em;
-}
-
 .wall-item-content img {
 	max-width: 100%;
 }
 
-.wall-item-title h3 {
+.wall-item-title.h3 {
 	font-weight: bold;
 	margin: 0px;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
+	word-wrap: break-word;
 }
 
-.wall-item-title-end {
-	clear: both;
+.wall-item-title.bg-primary a {
+	color: #fff;
 }
 
 .wall-item-body {
 	word-wrap: break-word;
 }
 
-.body-tags {
-	margin-top: 5px;
-}
-
 .item-tool {
 	cursor: pointer;
 }
 
-.like-rotator {
-	float: right;
-	margin: 16px;
-}
-
 .item-select {
 	opacity: 0.1;
 	filter:alpha(opacity=10);
@@ -212,91 +164,54 @@ a.wall-item-name-link {
 }
 
 .ivoted {
-	color: #337AB7;
+	color: #007bff;
 }
 
 .item-highlight {
-	border-left: 3px solid #337AB7;
+	border-left: 0.2rem solid #007bff;
 }
 
 .item-highlight .wall-item-head,
 .item-highlight .wall-item-content,
 .item-highlight .wall-item-tools {
-	padding-left: 7px;
+	padding-left: 0.3rem;
 }
 
 /* comment_item */
 
-.comment-edit-text-empty,
-.comment-edit-text-full {
+
+.comment-edit-text {
+	padding: 0.5rem;
 	width: 100%;
 	display: inherit;
-}
-
-.comment-edit-text-empty {
-	padding: 0px 8px;
-	line-height: 28px;
-	height: 30px;
-	overflow: hidden;
+	line-height: 1;
+	height: 2rem;
 	resize: none;
-
 }
 
-.comment-edit-text-full {
-	padding: 8px;
-	height: 150px;
-	overflow: auto;
+.comment-edit-text.expanded {
+	line-height: 1.25;
+	height: 7rem;
 	resize: vertical;
 }
 
-.qcomment {
-	border: 1px solid #EEE;
-	padding: 3px;
-	margin-top: 15px;
-	margin-left: 25px;
-	width: 125px;
-	overflow-y: auto;
-}
-
-.qcomment option {
-	width: 125px;
-	overflow-x: hidden;
-}
-
-.qcomment {
-	opacity: 0.3;
-	filter:alpha(opacity=30);
-}
-
-.qcomment:hover {
-	opacity: 1.0;
-	filter:alpha(opacity=100);
-}
-
-.comment-tools {
-	display: none;
-	margin-top: 7px;
-}
-
+.comment-tools,
 .comment-edit-preview {
 	display: none;
-	margin-top: 7px;
 }
 
 /* disable link handling for unknown entries */
-.dropdown-menu > li > a.disabled {
+.dropdown-menu a.disabled {
 	pointer-events: none;
 	cursor: default;
 }
 
 .item-verified {
 	color: darkgreen;
-	font-size: 1em !important;
 }
 
 .item-forged {
 	color: #FF0000;
-	font-size: 1em !important;
 }
 
 /* event item */
@@ -354,6 +269,7 @@ code {
 	font-size: 1em;
 	padding: 1em 1.5em;
 	display: block;
+	white-space: pre-wrap;
 }
 
 code.inline-code {
diff --git a/view/css/default.css b/view/css/default.css
index a51461201..fc6da54f9 100644
--- a/view/css/default.css
+++ b/view/css/default.css
@@ -18,7 +18,7 @@ aside {
 	position: relative;
 	display: table-cell;
 	vertical-align: top;
-	padding: 71px 7px 0px 7px;
+	padding: 4.5rem 7px 0px 7px;
 }
 
 section {
@@ -26,5 +26,5 @@ section {
 	width: 100%;
 	display: table-cell;
 	vertical-align: top;
-	padding: 71px 7px 200px 7px;
+	padding: 4.5rem 7px 200px 7px;
 }
diff --git a/view/css/mod_apps.css b/view/css/mod_apps.css
index 0a231bc84..5e6000fb4 100644
--- a/view/css/mod_apps.css
+++ b/view/css/mod_apps.css
@@ -1,8 +1,7 @@
 .app-container {
 	float: left;
-	width: 150px;
-	height: 180px;
-	padding: 20px;
+	width: 148px;
+	margin: 20px;
 }
 
 .app-name {
diff --git a/view/css/mod_chat.css b/view/css/mod_chat.css
index 57aecd557..c56091102 100644
--- a/view/css/mod_chat.css
+++ b/view/css/mod_chat.css
@@ -16,6 +16,10 @@
 	text-align: right;
 }
 
+#chatrooms-index td:nth-child(3){
+	white-space: nowrap;
+}
+
 #chatrooms-index th:nth-child(4),
 #chatrooms-index td:nth-child(4){
 	padding: 7px 10px 7px 7px;
diff --git a/view/css/mod_cloud.css b/view/css/mod_cloud.css
index 53eb80b44..83deddf8a 100644
--- a/view/css/mod_cloud.css
+++ b/view/css/mod_cloud.css
@@ -21,6 +21,10 @@
 	padding: 7px 3px 7px 10px;
 }
 
+#cloud-index td:nth-child(2){
+	word-break: break-all;
+}
+
 #cloud-index th:nth-child(8),
 #cloud-index td:nth-child(8){
 	padding: 7px 3px;
diff --git a/view/css/mod_events.css b/view/css/mod_events.css
index f0b5c0166..6fccf3f44 100644
--- a/view/css/mod_events.css
+++ b/view/css/mod_events.css
@@ -21,11 +21,6 @@
 	border-color: #ccc !important;
 }
 
-#events-spinner .spinner {
-	margin-top: 9px;
-	margin-bottom: -9px;
-}
-
 .bootstrap-tagsinput {
 	width: 100%;
 	padding: 6px 12px;
diff --git a/view/css/mod_help.css b/view/css/mod_help.css
index f59a40894..643885c99 100644
--- a/view/css/mod_help.css
+++ b/view/css/mod_help.css
@@ -11,14 +11,6 @@
 	padding-bottom: 0.3em;
 }
 
-#doco-content h4 {
-	text-decoration: underline;
-}
-    
-#doco-content h5 {
-	text-decoration: underline;
-}
-
 #region_1 .widget ul ul {
 	list-style-type: none;
 }
@@ -27,3 +19,11 @@
 	#doco-top-toc li {
 	padding: 3px 0px;
 }
+
+#doco-side-toc li {
+	padding-left: 10px;
+}
+
+#doco-side-toc {
+	padding-top: 10px;
+}
\ No newline at end of file
diff --git a/view/css/mod_hq.css b/view/css/mod_hq.css
new file mode 100644
index 000000000..dde242d4e
--- /dev/null
+++ b/view/css/mod_hq.css
@@ -0,0 +1,3 @@
+#jot-popup {
+	display: none;
+}
diff --git a/view/css/mod_mail.css b/view/css/mod_mail.css
index c1874edac..bcc7a8f94 100644
--- a/view/css/mod_mail.css
+++ b/view/css/mod_mail.css
@@ -1,34 +1,7 @@
-.mail-conv-sender {
-	float: left;
-	margin-right: 10px;
-	margin-bottom: 10px;
-}
-
-.mail-conv-sender img{
-	width: 32px;
-	height: 32px;
-}
-
-.mail-conv-sender-name {
-	font-weight: bold;
-}
-
-.mail-conv-body {
-	margin-bottom: 10px;
-}
-
 .mail-conv-body img {
 	max-width: 100%;
 }
 
-#prvmail-rotator {
-	margin: 15px;
-}
-
-#prvmail-text {
-	height: 15.0em;
-}
-
-.mail-conv-outside-wrapper {
-	margin-bottom: 20px;
+.prvmail-rotator-wrapper {
+	margin: 1rem;
 }
diff --git a/view/css/mod_manage.css b/view/css/mod_manage.css
index 077b6b838..b08c90b62 100644
--- a/view/css/mod_manage.css
+++ b/view/css/mod_manage.css
@@ -4,10 +4,6 @@
 	text-decoration: none;
 }
 
-.new-notification {
-	color: #c60032;
-}
-
 .channel-photo-wrapper {
 	display: table-cell;
 	table-layout: fixed;
@@ -24,11 +20,3 @@
 	vertical-align: top;
 	padding-left: 10px;
 }
-
-.selected-channel {
-	color: green;
-}
-
-#all-channels-end {
-	margin-bottom: 20px;
-}
diff --git a/view/css/mod_photos.css b/view/css/mod_photos.css
index 72dd7ffe7..8a189e9e5 100644
--- a/view/css/mod_photos.css
+++ b/view/css/mod_photos.css
@@ -34,3 +34,29 @@
 	left: -9999px;
 	top: -9999px;
 }
+
+#upload-index {
+	width: 100%;
+}
+
+#upload-index td:nth-child(1){
+	padding: 7px 3px 7px 10px;
+}
+
+#upload-index td:nth-child(4){
+	padding: 7px 10px 7px 3px;
+	white-space: nowrap;
+}
+
+#photos-upload-form.hover {
+	background-color: aliceblue;
+	opacity: 0.5;
+	box-shadow: inset 0 0px 7px #5cb85c;
+}
+
+.upload-progress-bar {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mOM2RFTDwAE2QHxFMHIIwAAAABJRU5ErkJggg==') repeat-y;
+	background-size: 0px;
+	padding: 0px !important;
+	height: 3px;
+}
diff --git a/view/css/mod_pubstream.css b/view/css/mod_pubstream.css
new file mode 100644
index 000000000..dde242d4e
--- /dev/null
+++ b/view/css/mod_pubstream.css
@@ -0,0 +1,3 @@
+#jot-popup {
+	display: none;
+}
diff --git a/view/css/mod_setup.css b/view/css/mod_setup.css
deleted file mode 100644
index ee725d055..000000000
--- a/view/css/mod_setup.css
+++ /dev/null
@@ -1,34 +0,0 @@
-#install-dbhost-label,
-#install-dbuser-label,
-#install-dbpass-label,
-#install-dbdata-label,
-#install-tz-desc {
-       float: left;
-       width: 250px;
-       margin-top: 10px;
-       margin-bottom: 10px;
-
-}
-
-#install-dbhost,
-#install-dbuser,
-#install-dbpass,
-#install-dbdata {
-       float: left;
-       width: 200px;
-       margin-left: 20px;
-}
-
-#install-dbhost-end,
-#install-dbuser-end,
-#install-dbpass-end,
-#install-dbdata-end,
-#install-tz-end {
-       clear: both;
-}
-
-#install-form select#timezone_select {
-       float: left;
-       margin-top: 18px;
-       margin-left: 20px;
-}
diff --git a/view/css/mod_webpages.css b/view/css/mod_webpages.css
index 805d95dc2..f665800f1 100644
--- a/view/css/mod_webpages.css
+++ b/view/css/mod_webpages.css
@@ -6,27 +6,31 @@
 	width: 100%;
 }
 
-#webpage-list-table th:nth-child(1){
+#webpage-list-table th:nth-child(1) {
 	padding: 7px 3px 7px 10px;
 	white-space: nowrap;
 }
 
-#webpage-list-table td:nth-child(1){
+#webpage-list-table td:nth-child(1) {
 	padding: 7px 3px 7px 10px;
 }
 
-#webpage-list-table th:nth-child(2){
+#webpage-list-table th:nth-child(2) {
+	white-space: nowrap;
+}
+
+#webpage-list-table td:nth-child(3) {
 	white-space: nowrap;
 }
 
 #webpage-list-table th:nth-child(7),
-#webpage-list-table td:nth-child(7){
+#webpage-list-table td:nth-child(7) {
 	padding: 7px 3px;
 	white-space: nowrap;
 }
 
 #webpage-list-table th:nth-child(8),
-#webpage-list-table td:nth-child(8){
+#webpage-list-table td:nth-child(8) {
 	padding: 7px 10px 7px 7px;
 	white-space: nowrap;
 }
@@ -192,4 +196,4 @@
 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 	filter: alpha(opacity=100);
 	opacity: 1;
-}
\ No newline at end of file
+}
diff --git a/view/css/mod_wiki.css b/view/css/mod_wiki.css
index 83f17c820..4e4c71e1d 100644
--- a/view/css/mod_wiki.css
+++ b/view/css/mod_wiki.css
@@ -33,22 +33,18 @@
 	width: 100%;
 }
 
+td i {
+	padding: 7px 5px;
+	cursor: pointer;
+}
+
 #wikis-index th:nth-child(1),
 #wikis-index td:nth-child(1){
 	padding: 7px 3px 7px 10px;
 }
 
-#wikis-index th:nth-child(3),
-#wikis-index td:nth-child(3){
-	padding: 7px 10px 7px 7px;
-}
-
-#wikis-index th:nth-child(4),
-#wikis-index td:nth-child(4){
-	padding: 7px 10px 7px 7px;
-}
-
-.wikis-index-tool {
-	padding: 7px 10px;
+#wikis-index th:nth-last-child(1),
+#wikis-index td:nth-last-child(1){
+	padding-right: 10px;
 }
 
diff --git a/view/css/navbar_tucson.css b/view/css/navbar_tucson.css
new file mode 100644
index 000000000..79f95fe63
--- /dev/null
+++ b/view/css/navbar_tucson.css
@@ -0,0 +1,3 @@
+#notifications {
+	display: none;
+}
diff --git a/view/css/widgets.css b/view/css/widgets.css
index 9b97d8bf7..5b1273e25 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -1,17 +1,15 @@
 .widget {
-	margin-bottom: 10px;
-	padding: 10px;
+	margin-bottom: 1rem;
+	padding: 0.5rem;
 }
 
 .widget h3 {
 	margin-top: 0px;
 }
 
-.widget-input {
-	width: 100%;
-	border-top-right-radius: 0px;
-	border-bottom-right-radius: 0px;
-	border-right: 0px;
+.widget .active .wall-item-ago,
+.widget .active .dropdown-sub-text {
+	color: #fff;
 }
 
 .tags {
@@ -20,34 +18,15 @@
 
 .widget-nav-pills-icons {
 	opacity: 0;
-	padding: 6px 10px;
 	float: right;
-	position: relative;
-	z-index:1;
 }
 
-
 .widget-nav-pills-checkbox {
-	padding: 6px 10px;
+	padding: 0.6rem 1.4rem;
 	float: right;
-	position: relative;
-	z-index:1;
 	cursor: pointer;
 }
 
-i.widget-nav-pills-icons,
-i.widget-nav-pills-checkbox {
-	margin-top: 2px;
-}
-
-.widget-nav-pills-icons:hover + a {
-	background-color: #eee;
-}
-
-.widget-nav-pills-checkbox:hover + a {
-	background-color: #eee;
-}
-
 li:hover .widget-nav-pills-icons {
 	opacity: 1;
 }
@@ -78,7 +57,13 @@ li:hover .widget-nav-pills-icons {
 
 /*  affinity slider */
 #main-slider {
-	margin: 10px 7px 45px 7px;
+	margin: 10px 7px 4rem 7px;
+}
+
+@media screen and (max-width: 767px) {
+	#main-slider {
+		margin: 4rem 7px 4rem 7px;
+	}
 }
 
 /* posted date */
@@ -150,16 +135,6 @@ li:hover .group-edit-icon {
 	width: 250px;
 }
 
-/* events tools */
-
-#event-upload-form {
-	margin-top: 10px;
-}
-
-#event-upload-choose {
-	width: 100%;
-}
-
 /* cover photo */
 
 #cover-photo {
@@ -174,20 +149,50 @@ li:hover .group-edit-icon {
 	bottom: 0px;
 	left: 0px;
 	width: 100%;
-	padding: 15px;
+	padding: 1rem;
+}
+
+#cover-photo-caption h1,
+#cover-photo-caption h3 {
 	color: #fff;
 	font-weight: bold;
-	text-shadow: 1px 1px 3px rgba(0,0,0,.7);
+	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 }
 
-.cover-photo-title {
-	font-size: 30px;
+a.wikilist {
+	z-index: 1;
 }
 
-.cover-photo-subtitle {
-	font-size: 20px;
+/* mail list */
+
+.active .conv-participants {
+	color: #fff;
 }
 
-a.wikilist {
-	z-index: 1;
+/* notifications */
+
+.notification-content {
+	max-height: 70vh;
+	overflow: auto;
+}
+
+.notification-content.collapsing {
+	overflow: hidden;
+}
+
+.fs {
+	position: fixed;
+	top: 0px;
+	left: 0px;
+	padding: 4.5rem .5rem 1rem .5rem;
+	background-color: white;
+	width: 100%;
+	max-width: 100%;
+	height: 100%;
+	z-index: 1029;
+	overflow: auto;
+}
+
+#notifications {
+	margin-bottom: 1rem;
 }