Elgg  Version 2.2
 All Classes Namespaces Files Functions Variables Pages
buttons.css.php
Go to the documentation of this file.
1 <?php
8 ?>
9 /* <style> /**/
10 
11 /* **************************
12  BUTTONS
13 ************************** */
14 
15 /* Base */
16 .elgg-button {
17  font-size: 14px;
18  font-weight: bold;
19  border-radius: 5px;
20  width: auto;
21  padding: 2px 4px;
22  cursor: pointer;
23  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.40);
24  background-color: #ccc;
25 }
26 a.elgg-button {
27  padding: 3px 6px;
28 }
29 
30 .elgg-button:hover,
31 .elgg-button:focus {
32  background: #eee;
33 }
34 
35 /* Submit: This button should convey, "you're about to take some definitive action" */
36 .elgg-button-submit {
37  color: white;
38  text-shadow: 1px 1px 0px black;
39  text-decoration: none;
40  border: 1px solid #4690d6;
41  background: #4690d6 url(<?= elgg_get_simplecache_url("button_graduation.png"); ?>) repeat-x left 10px;
42 }
43 
44 .elgg-button-submit:hover,
45 .elgg-button-submit:focus {
46  border-color: #0054a7;
47  text-decoration: none;
48  color: white;
49  background: #0054a7 url(<?= elgg_get_simplecache_url("button_graduation.png"); ?>) repeat-x left 10px;
50 }
51 
52 .elgg-button-submit.elgg-state-disabled {
53  background: #999;
54  border-color: #999;
55  cursor: default;
56 }
57 
58 /* Cancel: This button should convey a negative but easily reversible action (e.g., turning off a plugin) */
59 .elgg-button-cancel {
60  color: #333;
61  background: #ddd url(<?= elgg_get_simplecache_url("button_graduation.png"); ?>) repeat-x left 10px;
62  border: 1px solid #999;
63 }
64 .elgg-button-cancel:hover,
65 .elgg-button-cancel:focus {
66  color: #444;
67  background-color: #999;
68  background-position: left 10px;
69  text-decoration: none;
70 }
71 
72 /* Action: This button should convey a normal, inconsequential action, such as clicking a link */
73 .elgg-button-action {
74  background: #ccc url(<?= elgg_get_simplecache_url("button_background.gif"); ?>) repeat-x 0 0;
75  border:1px solid #999;
76  color: #333;
77  padding: 2px 15px;
78  text-align: center;
79  font-weight: bold;
80  text-decoration: none;
81  text-shadow: 0 1px 0 white;
82  cursor: pointer;
83  border-radius: 5px;
84  box-shadow: none;
85 }
86 
87 .elgg-button-action:hover,
88 .elgg-button-action:focus {
89  background: #ccc url(<?= elgg_get_simplecache_url("button_background.gif"); ?>) repeat-x 0 -15px;
90  color: #111;
91  text-decoration: none;
92  border: 1px solid #999;
93 }
94 
95 /* Delete: This button should convey "be careful before you click me" */
96 .elgg-button-delete {
97  color: #bbb;
98  text-decoration: none;
99  border: 1px solid #333;
100  background: #555 url(<?= elgg_get_simplecache_url("button_graduation.png"); ?>) repeat-x left 10px;
101  text-shadow: 1px 1px 0px black;
102 }
103 .elgg-button-delete:hover,
104 .elgg-button-delete:focus {
105  color: #999;
106  background-color: #333;
107  background-position: left 10px;
108  text-decoration: none;
109 }
110 
111 .elgg-button-dropdown {
112  padding:3px 6px;
113  text-decoration:none;
114  display:block;
115  font-weight:bold;
116  position:relative;
117  margin-left:0;
118  color: white;
119  background-color: transparent;
120  border:1px solid #71B9F7;
121  border-radius:4px;
122  box-shadow: 0 0 0;
123 }
124 
125 .elgg-button-dropdown:after {
126  content: " \25BC ";
127  font-size:smaller;
128 }
129 
130 .elgg-button-dropdown:hover {
131  background-color:#71B9F7;
132  text-decoration:none;
133 }
134 .elgg-button-dropdown:focus {
135  text-decoration: none;
136 }
137 .elgg-button-dropdown.elgg-state-active {
138  background: #ccc;
139  outline: none;
140  color: #333;
141  border:1px solid #ccc;
142  border-radius:4px 4px 0 0;
143 }
a elgg widget collapse button
vertical align
Definition: admin.css.php:66
action($action, $forwarder="")
Perform an action.
Definition: actions.php:47
if(!$site) if(!($site instanceof ElggSite)) $site url
font size
border color
Definition: admin.css.php:42
elgg_get_simplecache_url($view, $subview= '')
Get the URL for the cached view.
Definition: cache.php:136
font weight
Definition: admin.css.php:65
text decoration
ui autocomplete a
Definition: forms.css.php:258
elgg widget content
ui autocomplete a ui state hover
Definition: forms.css.php:261
border radius
overflow x