aboutsummaryrefslogtreecommitdiffstats
path: root/view/theme/comix-plain/css
diff options
context:
space:
mode:
authorThomas Willingham <founder@kakste.com>2012-08-06 21:25:29 +0100
committerThomas Willingham <founder@kakste.com>2012-08-06 21:25:29 +0100
commit49feb09c98aef8133f7f46a74934bef03b32618e (patch)
treea5771a7af6e4799803292370fbc5d53b497018fc /view/theme/comix-plain/css
parent62795bb544e946545d5c444e70d318db8577bd2d (diff)
downloadvolse-hubzilla-49feb09c98aef8133f7f46a74934bef03b32618e.tar.gz
volse-hubzilla-49feb09c98aef8133f7f46a74934bef03b32618e.tar.bz2
volse-hubzilla-49feb09c98aef8133f7f46a74934bef03b32618e.zip
Port Comix-plain - also needs some CSS-fu, but works.
Diffstat (limited to 'view/theme/comix-plain/css')
-rw-r--r--view/theme/comix-plain/css/style.css105
1 files changed, 105 insertions, 0 deletions
diff --git a/view/theme/comix-plain/css/style.css b/view/theme/comix-plain/css/style.css
new file mode 100644
index 000000000..1a89cae7c
--- /dev/null
+++ b/view/theme/comix-plain/css/style.css
@@ -0,0 +1,105 @@
+@import url('../duepuntozero/style.css');
+
+.wall-item-content-wrapper {
+ border: none;
+}
+
+.wall-item-content-wrapper.comment {
+ background: #ffffff !important;
+ border-left: 1px solid #EEE;
+}
+
+.wall-item-tools {
+ background: none;
+}
+
+.comment-edit-text-empty, .comment-edit-text-full {
+ border: none;
+ border-left: 1px solid #EEE;
+ background: #EEEEEE;
+}
+
+.comment-edit-wrapper, .comment-wwedit-wrapper {
+ background: #ffffff !important;
+}
+
+section {
+ margin: 0px 32px;
+}
+
+aside {
+ margin-left: 32px;
+}
+nav {
+ margin-left: 32px;
+ margin-right: 32px;
+}
+
+nav #site-location {
+ top: 80px;
+ right: 36px;
+}
+
+.wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ margin-top: 15px;
+}
+
+.wall-item-photo.comment {
+ margin-top: 26px;
+}
+
+
+.triangle-isosceles {
+ position:relative;
+ padding:15px;
+ margin:1em 0 3em;
+ color:#000;
+ background:#EEEEEE; /* default background for browsers without gradient support */
+ /* css3 */
+ background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#ffffff));
+ background:-moz-linear-gradient(#EEEEEE, #ffffff);
+ background:-o-linear-gradient(#EEEEEE, #ffffff);
+ background:linear-gradient(#EEEEEE, #ffffff);
+ -webkit-border-radius:10px;
+ -moz-border-radius:10px;
+ border-radius:10px;
+}
+
+/* Variant : for left/right positioned triangle
+------------------------------------------ */
+
+.triangle-isosceles.left {
+ margin-left:30px;
+ background:#F8F8F8;
+ border: 2px solid #CCCCCC;
+}
+
+/* THE TRIANGLE
+------------------------------------------------------------------------------------------------------------------------------- */
+
+/* creates triangle */
+.triangle-isosceles:after {
+ content:"";
+ position:absolute;
+ bottom:-8px; /* value = - border-top-width - border-bottom-width */
+ left:30px; /* controls horizontal position */
+ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
+ border-style:solid;
+ border-color:#f8f8f8 transparent;
+ /* reduce the damage in FF3.0 */
+ display:block;
+ width:0;
+}
+
+/* Variant : left
+------------------------------------------ */
+
+.triangle-isosceles.left:after {
+ top:12px; /* controls vertical position */
+ left:-30px; /* value = - border-left-width - border-right-width */
+ bottom:auto;
+ border-width:10px 30px 10px 0;
+ border-color:transparent #f8f8f8;
+}