]> git.mxchange.org Git - friendica.git/blob - view/theme/slackr/style.css
better events-reminder theming
[friendica.git] / view / theme / slackr / style.css
1 @import url('../duepuntozero/style.css');
2
3 .wall-item-content-wrapper {
4         border: none;
5 }
6
7 .wall-item-content-wrapper.comment {
8         background: #ffffff !important;
9         border-left: 1px solid #EEE;
10 }
11
12 .wall-item-tools {
13         background: none;
14 }
15
16 .widget {
17 /*      box-shadow: 4px 4px 3px 0 #444444; */
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 #profile-jot-text_parent, .mceLayout {
48         border-radius: 3px;
49         -moz-border-radius: 3px;
50         box-shadow: 4px 4px 3px 0 #444444;
51 }
52
53 #profile-jot-text:hover {
54         color: #000000;
55 }
56
57 #events-reminder {
58         border-radius: 3px;
59         -moz-border-radius: 3px;
60         opacity: 0.3;
61         filter:alpha(opacity=30);
62 }
63
64 #events-reminder.birthday-today, #events-reminder.event-today {
65         opacity: 1.0;
66         filter:alpha(opacity=100);
67         box-shadow: 4px 4px 3px 0 #444444;
68 }
69
70 #events-reminder:hover {
71         opacity: 1.0;
72         filter:alpha(opacity=100);
73         box-shadow: 4px 4px 3px 0 #444444;
74 }
75
76 .fc-event-skin {
77         background-color: #3465a4 !important;
78 }
79 .wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
80         border-radius: 3px;
81         -moz-border-radius: 3px;
82         box-shadow: 4px 4px 3px 0 #444444;
83 }
84
85 #sidebar-page-list img {
86         border-radius: 3px;
87         -moz-border-radius: 3px;
88         box-shadow: 4px 4px 3px 0 #444444;
89 }
90
91 .contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .profile-jot-text, .group-selected, .nets-selected, .fileas-selected, #profile-jot-submit, .categories-selected {
92         border-radius: 3px;
93         -moz-border-radius: 3px;
94         box-shadow: 4px 4px 3px 0 #444444;
95 }
96 .settings-widget .selected {
97         border-radius: 3px;
98         -moz-border-radius: 3px;
99         box-shadow: 4px 4px 3px 0 #444444;
100 }
101
102 .photo {
103         border: 1px solid #AAAAAA;
104 }
105
106 .photo-top-photo, .photo-album-photo {
107         padding: 10px;
108         max-width: 300px;
109         border: 1px solid #888888;
110 }
111
112 .rotleft1 {
113 -webkit-transform: rotate(-1deg);
114 -moz-transform: rotate(-1deg);
115 -ms-transform: rotate(-1deg);
116 -o-transform: rotate(-1deg);
117 }
118
119 .rotleft2 {
120 -webkit-transform: rotate(-2deg);
121 -moz-transform: rotate(-2deg);
122 -ms-transform: rotate(-2deg);
123 -o-transform: rotate(-2deg);
124 }
125
126 .rotleft3 {
127 -webkit-transform: rotate(-3deg);
128 -moz-transform: rotate(-3deg);
129 -ms-transform: rotate(-3deg);
130 -o-transform: rotate(-3deg);
131 }
132
133 .rotleft4 {
134 -webkit-transform: rotate(-4deg);
135 -moz-transform: rotate(-4deg);
136 -ms-transform: rotate(-4deg);
137 -o-transform: rotate(-4deg);
138 }
139
140 .rotright1 {
141 -webkit-transform: rotate(1deg);
142 -moz-transform: rotate(1deg);
143 -ms-transform: rotate(1deg);
144 -o-transform: rotate(1deg);
145 }
146
147 .rotright2 {
148 -webkit-transform: rotate(2deg);
149 -moz-transform: rotate(2deg);
150 -ms-transform: rotate(2deg);
151 -o-transform: rotate(2deg);
152 }
153
154 .rotright3 {
155 -webkit-transform: rotate(3deg);
156 -moz-transform: rotate(3deg);
157 -ms-transform: rotate(3deg);
158 -o-transform: rotate(3deg);
159 }
160
161 .rotright4 {
162 -webkit-transform: rotate(4deg);
163 -moz-transform: rotate(4deg);
164 -ms-transform: rotate(4deg);
165 -o-transform: rotate(4deg);
166 }
167