]> git.mxchange.org Git - friendica.git/blob - view/theme/slackr/style.css
make subdued elements jump out at you on hover
[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         margin-left: 5px;
63         margin-top: 5px;
64 }
65
66 #events-reminder.birthday-today, #events-reminder.event-today {
67         opacity: 1.0;
68         filter:alpha(opacity=100);
69         box-shadow: 4px 4px 3px 0 #444444;
70 }
71
72 #events-reminder:hover {
73         opacity: 1.0;
74         filter:alpha(opacity=100);
75         box-shadow: 4px 4px 3px 0 #444444;
76         margin-left: 0px;
77         margin-top: 0px;
78 }
79
80 .fc-event-skin {
81         background-color: #3465a4 !important;
82 }
83 .wall-item-photo, .photo, .contact-block-img, .my-comment-photo {
84         border-radius: 3px;
85         -moz-border-radius: 3px;
86         box-shadow: 4px 4px 3px 0 #444444;
87 }
88
89 #sidebar-page-list img {
90         border-radius: 3px;
91         -moz-border-radius: 3px;
92         box-shadow: 4px 4px 3px 0 #444444;
93 }
94
95 #datebrowse-sidebar select {
96         margin-left: 25px;
97         border-radius: 3px;
98         -moz-border-radius: 3px;
99         opacity: 0.3;
100         filter:alpha(opacity=30);
101 }
102
103 #datebrowse-sidebar select:hover {
104         opacity: 1.0;
105         filter:alpha(opacity=100);
106 }
107
108 #posted-date-selector {
109         margin-left: 30px !important;
110         margin-top: 5px !important;
111 }
112
113
114 #posted-date-selector:hover {
115         box-shadow: 4px 4px 3px 0 #444444;
116         margin-left: 25px !important;
117         margin-top: 0px !important;
118 }
119
120 .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 {
121         border-radius: 3px;
122         -moz-border-radius: 3px;
123         box-shadow: 4px 4px 3px 0 #444444;
124 }
125 .settings-widget .selected {
126         border-radius: 3px;
127         -moz-border-radius: 3px;
128         box-shadow: 4px 4px 3px 0 #444444;
129 }
130
131 .photo {
132         border: 1px solid #AAAAAA;
133 }
134
135 .photo-top-photo, .photo-album-photo {
136         padding: 10px;
137         max-width: 300px;
138         border: 1px solid #888888;
139 }
140
141 .rotleft1 {
142 -webkit-transform: rotate(-1deg);
143 -moz-transform: rotate(-1deg);
144 -ms-transform: rotate(-1deg);
145 -o-transform: rotate(-1deg);
146 }
147
148 .rotleft2 {
149 -webkit-transform: rotate(-2deg);
150 -moz-transform: rotate(-2deg);
151 -ms-transform: rotate(-2deg);
152 -o-transform: rotate(-2deg);
153 }
154
155 .rotleft3 {
156 -webkit-transform: rotate(-3deg);
157 -moz-transform: rotate(-3deg);
158 -ms-transform: rotate(-3deg);
159 -o-transform: rotate(-3deg);
160 }
161
162 .rotleft4 {
163 -webkit-transform: rotate(-4deg);
164 -moz-transform: rotate(-4deg);
165 -ms-transform: rotate(-4deg);
166 -o-transform: rotate(-4deg);
167 }
168
169 .rotright1 {
170 -webkit-transform: rotate(1deg);
171 -moz-transform: rotate(1deg);
172 -ms-transform: rotate(1deg);
173 -o-transform: rotate(1deg);
174 }
175
176 .rotright2 {
177 -webkit-transform: rotate(2deg);
178 -moz-transform: rotate(2deg);
179 -ms-transform: rotate(2deg);
180 -o-transform: rotate(2deg);
181 }
182
183 .rotright3 {
184 -webkit-transform: rotate(3deg);
185 -moz-transform: rotate(3deg);
186 -ms-transform: rotate(3deg);
187 -o-transform: rotate(3deg);
188 }
189
190 .rotright4 {
191 -webkit-transform: rotate(4deg);
192 -moz-transform: rotate(4deg);
193 -ms-transform: rotate(4deg);
194 -o-transform: rotate(4deg);
195 }
196