From 3a7695ded14a50b4249575372f29907bd4fe32ca Mon Sep 17 00:00:00 2001
From: Michael <icarus@dabo.de>
Date: Mon, 20 Feb 2012 15:11:27 +0100
Subject: [PATCH] Fetched some missing styles from testbubble.

---
 view/theme/vier/calendar.png | Bin 0 -> 3779 bytes
 view/theme/vier/style.css    | 395 +++++++++++++++++++++++++++++++++++
 2 files changed, 395 insertions(+)
 create mode 100755 view/theme/vier/calendar.png

diff --git a/view/theme/vier/calendar.png b/view/theme/vier/calendar.png
new file mode 100755
index 0000000000000000000000000000000000000000..705a75b8a8646ce86030c5ee5220bde99490bff4
GIT binary patch
literal 3779
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

literal 0
HcmV?d00001

diff --git a/view/theme/vier/style.css b/view/theme/vier/style.css
index 258a69cb52..89dd981469 100644
--- a/view/theme/vier/style.css
+++ b/view/theme/vier/style.css
@@ -1526,3 +1526,398 @@ blockquote {
 #group-separator,
 #prof-separator { display: none;}
 */
+
+#prvmail-wrapper, .mail-conv-detail, .mail-list-detail {
+        position: relative;
+        width: 500px;
+        padding: 50px;
+        margin: 20px auto;
+        background-color: #fff;
+        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+        -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+}
+
+#prvmail-wrapper:before, #prvmail-wrapper:after, .mail-conv-detail:before, .mail-conv-detail:after, .mail-list-detail:before, .mail-list-detail:after {
+        position: absolute;
+        width: 40%;
+        height: 10px;
+        content: ' ';
+        left: 12px;
+        bottom: 12px;
+        background: transparent;
+        -webkit-transform: skew(-5deg) rotate(-5deg);
+        -moz-transform: skew(-5deg) rotate(-5deg);
+        -ms-transform: skew(-5deg) rotate(-5deg);
+        -o-transform: skew(-5deg) rotate(-5deg);
+        transform: skew(-5deg) rotate(-5deg);
+        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+        z-index: -1;
+}
+
+#prvmail-wrapper:after, .mail-conv-detail:after, .mail-list-detail:after {
+        left: auto;
+        right: 12px;
+        -webkit-transform: skew(5deg) rotate(5deg);
+        -moz-transform: skew(5deg) rotate(5deg);
+        -ms-transform: skew(5deg) rotate(5deg);
+        -o-transform: skew(5deg) rotate(5deg);
+        transform: skew(5deg) rotate(5deg);
+}
+
+.prvmail-text {
+        width: 100%;
+}
+
+.mail-list-outside-wrapper {
+        margin-top: 20px;
+}
+
+.mail-list-sender {
+        float: left;
+        padding: 5px;
+        background-color: #efefef;
+        border: 2px dotted #eeeeee;
+        -moz-box-shadow: 3px 3px 4px #959494;
+        -webkit-box-shadow: 3px 3px 4px #959494;
+        box-shadow: 3px 3px 4px #959494;
+}
+
+.mail-list-detail {
+        margin-left: 100px;
+        width: 300px;
+        min-height: 70px;
+        padding: 20px;
+        padding-top:10px;
+        border: 1px solid #dddddd;
+        }
+        
+.mail-list-sender-name {
+        font-size: 1.1em;
+        display: inline;
+        font-variant:small-caps;
+}
+
+.mail-list-date {
+        float: right;
+        clear: block;
+        display: inline;
+        font-size: 0.9em;
+        padding-left: 10px;
+        font-stretch:ultra-condensed;
+        font-variant:small-caps;
+}
+
+.mail-list-subject {
+        clear: block;
+        font-size: 1.2em;
+        padding-top: 20px;
+        padding-right: 50px;
+}
+
+.mail-list-subject a {
+        color: #626262;
+}
+
+.mail-list-delete-wrapper { float: right;}
+.mail-list-outside-wrapper-end {
+        clear: both;
+}
+
+.mail-conv-outside-wrapper {
+        margin-bottom: 10px;
+}
+
+.mail-conv-sender {float: left; margin: 0px 5px 5px 0px; }
+.mail-conv-sender-photo {
+        width: 64px;
+        height: 64px;
+}
+
+.mail-conv-sender-name { float: left; font-variant:small-caps; font-style: bold; }
+.mail-conv-date { float: right; font-variant:small-caps; }
+.mail-conv-subject { clear: right; font-weight: bold; font-size: 1.2em }
+.mail-conv-body {
+        clear: both;
+}
+
+.mail-conv-detail {
+        width: 500px;
+        padding: 30px;
+        padding-bottom: 10px;
+        margin-left: 20px;
+        margin-bottom: 0px;
+        vertical-align: middle;
+        margin: auto;
+        border: 1px solid #dddddd;
+}
+.mail-conv-break { display: none; border: none;}
+.mail-conv-delete-wrapper { padding-top: 10px; width: 510px; text-align: right; }
+
+/* ========== */
+/* = Events = */
+/* ========== */
+ 
+.clear { clear: both; }
+.eventcal {
+	float: left;
+	font-size: 20px;
+	padding: 20px;
+}
+
+.vevent {
+	position: relative;
+	width: 400px;
+	padding: 20px;
+	padding-top: 10px;
+	margin: 0 0px;
+	margin-bottom: 10px;
+	background-color: #fff;
+	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
+}
+
+.vevent:before, .vevent:after {
+	position: absolute;
+	width: 40%;
+	height: 10px;
+	content: ' ';
+	left: 12px;
+	bottom: 12px;
+	background: transparent;
+	-webkit-transform: skew(-5deg) rotate(-5deg);
+	-moz-transform: skew(-5deg) rotate(-5deg);
+	-ms-transform: skew(-5deg) rotate(-5deg);
+	-o-transform: skew(-5deg) rotate(-5deg);
+	transform: skew(-5deg) rotate(-5deg);
+	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
+	z-index: -1;
+}
+
+.vevent:after {
+	left: auto;
+	right: 12px;
+	-webkit-transform: skew(5deg) rotate(5deg);
+	-moz-transform: skew(5deg) rotate(5deg);
+	-ms-transform: skew(5deg) rotate(5deg);
+	-o-transform: skew(5deg) rotate(5deg);
+	transform: skew(5deg) rotate(5deg);
+}
+
+.vevent .event-description {
+	margin-left: 10px;
+	margin-right: 10px;
+	text-align:center;
+	font-size: 1.2em;
+	font-weight:bolder;
+}
+
+ .vevent .event-location{
+	margin-left: 10px;
+	margin-right: 10px;
+	font-size: 1em;
+	font-style: oblique;
+	text-align: center;
+	
+}
+
+.vevent .event-start, .vevent .event-end  {
+	margin-left: 20px;
+	margin-right: 20px;
+	margin-bottom: 2px;
+	margin-top: 2px;
+	font-size: 0.9em;
+	font-variant: small-caps;
+	text-align: left;
+}
+
+#new-event-link{
+	width: 130px;
+	padding: 7px;
+	margin-bottom: 10px;
+	margin-left: 170px; ;
+	-moz-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	-webkit-box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	box-shadow:inset 0px 1px 0px 0px #cfcfcf;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bdbdbd), color-stop(1, #a2a2a2) );
+	background:-moz-linear-gradient( center top, #bdbdbd 5%, #a2a2a2 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdbdbd', endColorstr='#a2a2a2');
+	background-color:#bdbdbd;
+	-moz-border-radius:5px;
+	-webkit-border-radius:5px;
+	border-radius:5px;
+	color: #efefef;
+}
+
+#new-event-link:hover {
+	color: #efefef;
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );
+	background:-moz-linear-gradient( center top, #b20202 5%, #d60808 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b20202', endColorstr='#d60808');
+	background-color:#b20202;
+}
+
+#new-event-link:active {
+	background-color: #b20202;
+	position:relative;
+	top:1px;
+}
+
+#new-event-link a {
+	color: #efefef;
+	text-align: center;
+}
+
+.edit-event-link, .plink-event-link {
+	float: left;
+	margin-top: 4px;
+	margin-right: 4px;
+	margin-bottom: 15px;
+}
+
+.event-description:before {
+	content: url('calendar.png');
+	margin-right: 15px;
+	vertical-align: middle;
+}
+
+.event-start, .event-end {
+	margin-left: 10px;
+	width: 330px;
+}
+
+.event-start .dtstart, .event-end .dtend {
+	float: right;
+}
+
+.event-list-date {
+	color: #626262;
+	margin-bottom: 10px;
+	font-variant:small-caps;
+	font-stretch:condensed;
+}
+
+.prevcal, .nextcal {
+	float: left;
+	margin-left: 32px;
+	margin-right: 32px;
+	margin-top: 64px;
+}
+
+.event-calendar-end {
+	clear: both;
+}
+
+.calendar {
+	width: 300px;
+	font-family: Helvetica, Arial, sans-serif;
+	background-color: #f1f1f1;
+	border: 1px solid #dedede;
+	margin-bottom: 10px;
+	-moz-box-shadow: 5px 5px 8px #959494;
+	-webkit-box-shadow: 5px 5px 8px #959494;
+	box-shadow: 5px 5px 8px #959494;	
+}
+
+.calendar caption{
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d60808), color-stop(1, #b20202) );
+	background:-moz-linear-gradient( center top, #d60808 5%, #b20202 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60808', endColorstr='#b20202');
+	background-color: #b20202;
+	padding: 10px 0px 10px 0px;
+	width: 300px;
+	color: #ffffff;
+	font-weight: bold;
+	text-align:center;
+	font-variant:small-caps;
+	-moz-box-shadow: 5px 2px 8px #959494;
+	-webkit-box-shadow: 5px 2px 8px #959494;
+	box-shadow: 5px 2px 8px #959494;
+}
+
+tr {
+	border: 1px solid #eeeeee;
+}
+
+.calendar td {
+	font-size: 14px;
+	text-align: center;
+	padding: 3px 0px;
+}
+
+.calendar td > a {
+	background-color: #cdcdcd;
+	padding: 2px;
+	color: #000;
+}
+
+.calendar th {
+	font-size: 16px;	
+}
+
+.today {
+	font-weight: bold;
+	text-align: center;
+	background-color: #b20202;
+	color: #fff;
+}
+ 
+#event-start-text, 
+#event-finish-text {
+	margin-top: 10px;
+	margin-bottom: 5px;
+}
+
+#event-nofinish-checkbox, 
+#event-nofinish-text, 
+#event-adjust-checkbox, 
+#event-adjust-text,
+#event-share-checkbox {
+	float: left;
+}
+
+#event-datetime-break {
+	margin-bottom: 10px;
+}
+
+#event-nofinish-break, 
+#event-adjust-break,
+#event-share-break {
+	clear: both;
+}
+
+#event-desc-text, 
+#event-location-text {
+	margin-top: 10px;
+	margin-bottom: 5px;
+}
+
+#event-submit {
+	margin-top: 10px;
+}
+
+/* ============= */
+/* = Directory = */
+/* ============= */
+
+.directory-item {
+	float: left;
+	margin: 50px 50px 0px 0px;
+}
+
+.directory-details {
+	font-size: 0.9em;
+	font-variant: small-caps;
+	width: 160px;
+}
+
+.directory-name {
+	font-size: 1em;
+	font-variant: small-caps;
+	width: 150px;	
+}