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