root/devel/mod/toolbar/css-box

Revision 960, 2.4 kB (checked in by ben, 2 years ago)

Changing the toolbar div ID from "toolbar" to "elggtoolbar", so that the Javascript doesn't screw with other sites' navigation.

Line 
1 <style type="text/css">
2 /*
3    USER TOOLBAR: IN DEFAULT ELGG, THIS SITS
4    AT THE VERY TOP OF THE PAGE.
5 */
6
7 div#elggtoolbar {
8  display: block;
9  width: 200px;
10  height: 200px;
11  font-family:Arial, 'Trebuchet MS','Lucida Grande', sans-serif;
12  color:#000;
13  background-color: #eee;
14  margin:0;
15  padding-top: 20px;
16  float: left;
17 }
18
19 div#elggtoolbar p {
20   margin:0;
21   padding:6px 0 0 5px;
22   color:#91B6C0;
23 }
24
25 div#elggtoolbar span a {
26   color:#ccc;
27   border:1px solid #777;
28   padding:2px 4px 2px 4px;
29 }
30
31 div#elggtoolbar span a:hover {
32   text-decoration:none;
33 }
34
35 div#elggtoolbar img {
36   padding:0;
37   margin:0 5px 0 0;
38   border:0;
39 }
40
41 /*
42    GLOBAL USER OPTIONS: LOGOUT AND ACCOUNT SETTINGS, TOP RIGHT
43 */
44
45 div#elggtoolbar #global-menuoptions{
46         float:right;
47         text-align:right;
48         margin:4px 10px 0 0;
49         font-size:0.9em;
50 }
51
52 div#elggtoolbar #global-menuoptions ul {
53         margin:0;
54         padding:0;
55 }
56
57 div#elggtoolbar #global-menuoptions li {
58     margin: 0;
59     padding: 0;
60     display: inline;
61     list-style-type: none;
62     border: none;
63 }
64
65 div#elggtoolbar #global-menuoptions li a{
66    text-decoration:underline;
67    padding:0 10px 0 0;
68    margin:20px 0 0 0;
69    color:#000;
70    background:transparent;
71 }
72
73 div#elggtoolbar #global-menuoptions p {
74   padding:0 10px 0 0;
75 }
76
77 div#elggtoolbar #global-menuoptions img {
78   padding:0;
79   margin:0 10px 0 0;
80 }
81
82 /*
83    USER NAVIGATION: THIS STYLES THE USERS MAIN NAV IN THE TOOLBAR,
84    IN DEFAULT ELGG IT SITS OVER ON THE LEFT HAND SIDE
85 */
86
87 div#elggtoolbar #navigation {
88     height: 19px;
89     margin: 3px 0 0 4px;
90     padding:0;
91     text-align:left;
92 }
93
94 div#elggtoolbar #navigation li {
95     margin: 0;
96     padding: 3px;
97     display: inline;
98     list-style-type: none;
99     float: left;
100 }
101
102 div#elggtoolbar #navigation a {
103     margin: 0 2px 0 0;
104     text-decoration: none;
105     font-size:90%;
106     color:#000;
107     background:#efefef;
108     border:1px solid #ccc;
109     padding:2px 4px 2px 4px;
110 }
111
112 div#elggtoolbar #navigation a:hover {
113    background:#E0EEFC;
114 }
115
116 div#elggtoolbar #navigation a.selected {
117    background:#E0EEFC;
118    border:1px solid #ccc;
119 }
120
121 div#elggtoolbar form {
122     margin: 0;
123     font-size: 90%;
124     width: 100%;
125     height: 80%;
126     padding-top: auto;
127 }
128
129 div#elggtoolbar #powered-by-elgg {
130     margin: 7px 4px 0 0;
131     float: right;
132 }
133
134 div#container {
135     margin-top:35px;
136         margin-left: auto;
137         margin-right: auto;
138         margin-bottom:0;
139 }
140
141 </style>
Note: See TracBrowser for help on using the browser.