]> git.mxchange.org Git - friendica.git/blob - view/theme/comix/style.css
Merge remote branch 'upstream/master'
[friendica.git] / view / theme / comix / style.css
1 @import url('../duepuntozero/style.css');
2
3 body {
4         font-family: "Comic Sans MS", sans !important;
5         font-size: 13px;
6 }
7 .wall-item-content-wrapper {
8         border: none;
9 }
10
11 .wall-item-content-wrapper.comment {
12         background: #ffffff !important;
13         border-left: 1px solid #EEE;
14 }
15
16 .wall-item-tools {
17         background: none;
18 }
19
20 .comment-edit-text-empty, .comment-edit-text-full {
21         border: none;
22         border-left: 1px solid #EEE;
23         background: #EEEEEE;
24 }
25
26 .comment-edit-wrapper, .comment-wwedit-wrapper {
27         background: #ffffff !important;
28 }
29
30 section {
31         margin: 0px 32px;
32 }
33
34 aside {
35         margin-left: 32px;
36 }
37 nav {
38         margin-left: 32px;
39         margin-right: 32px;
40 }
41
42 nav #site-location {
43         top: 80px;
44         right: 36px;
45 }
46
47 .wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
48         border-radius: 3px;
49         -moz-border-radius: 3px;
50         margin-top: 15px;
51 }
52
53 .wall-item-photo.comment {
54         margin-top: 26px;
55 }
56
57
58 .triangle-isosceles {
59         position:relative;
60         padding:15px;
61         margin:1em 0 3em;
62         color:#000;
63         background:#EEEEEE; /* default background for browsers without gradient support */
64         /* css3 */
65         background:-webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), to(#ffffff));
66         background:-moz-linear-gradient(#EEEEEE, #ffffff);
67         background:-o-linear-gradient(#EEEEEE, #ffffff);
68         background:linear-gradient(#EEEEEE, #ffffff);
69         -webkit-border-radius:10px;
70         -moz-border-radius:10px;
71         border-radius:10px;
72 }
73
74 /* Variant : for left/right positioned triangle
75 ------------------------------------------ */
76
77 .triangle-isosceles.left {
78         margin-left:30px;
79         background:#F8F8F8;
80         border: 2px solid #CCCCCC;
81 }
82
83 /* THE TRIANGLE
84 ------------------------------------------------------------------------------------------------------------------------------- */
85
86 /* creates triangle */
87 .triangle-isosceles:after {
88         content:"";
89         position:absolute;
90         bottom:-8px; /* value = - border-top-width - border-bottom-width */
91         left:30px; /* controls horizontal position */
92         border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
93         border-style:solid;
94         border-color:#f8f8f8 transparent;
95     /* reduce the damage in FF3.0 */
96     display:block; 
97     width:0;
98 }
99
100 /* Variant : left
101 ------------------------------------------ */
102
103 .triangle-isosceles.left:after {
104         top:12px; /* controls vertical position */
105         left:-30px; /* value = - border-left-width - border-right-width */
106         bottom:auto;
107         border-width:10px 30px 10px 0;
108         border-color:transparent #f8f8f8;
109 }