2 Default CSS for the Elgg Learning Landscape
\r
3 Version 0.65 - August 2006
\r
8 font-family:Verdana, "Myriad Web", Arial, Helvetica, sans-serif;
\r
14 background:#fff url({{url}}_templates/default_images/bg.gif);
\r
22 text-decoration:none;
\r
35 background: #EEE url({{url}}_templates/GreenTrack/blockquote.png) no-repeat bottom left;
\r
37 padding-bottom: 40px;
\r
42 margin: 0 5px 5px 0;
\r
43 font-family:Verdana, Arial, Helvetica, sans-serif;
\r
47 background-color: #FFF;
\r
49 border: 1px solid #CCC;
\r
57 /* WRAPS THE WHOLE PAGE */
\r
64 border:1px solid #fff;
\r
91 font-family:Helvetica, "Myriad Web", Arial, sans-serif;
\r
102 #header #global_menuoptions{
\r
110 #header #global_menuoptions ul {
\r
114 #header #global_menuoptions li {
\r
118 list-style-type: none;
\r
122 #header #global_menuoptions li a{
\r
123 text-decoration:underline;
\r
124 padding:0 10px 0 0;
\r
128 #header #global_menuoptions p {
\r
129 padding:0 10px 0 0;
\r
134 margin:0 0 0 30px ;
\r
137 /* WRAPS THE MAIN CONTENT PANE AND THE SIDEBAR */
\r
143 border-top:2px solid #eee;
\r
146 /* WRAPS THE MAIN CONTENT PANE - THE LEFT HAND SIDE OF THE SCREEN */
\r
148 #maincontent_container {
\r
149 padding:0 0 0 30px;
\r
165 list-style-type: none;
\r
169 #navigation a:link, #navigation a:visited {
\r
172 font-weight: normal;
\r
175 border: 0px solid #036;
\r
176 text-decoration: none;
\r
181 #navigation a:link.selected, #navigation a:visited.selected {
\r
182 border-bottom: 1px solid #fff;
\r
183 background: #4391B0; /*#FCD63F;*/
\r
184 color: #fff; /*#393;*/
\r
188 #navigation a:hover {
\r
193 #navigation li a:hover{
\r
194 background:#4391B0; /*#FCD63F;*/
\r
195 color: #C7D8D9; /*#000;*/
\r
200 .clearme{clear:both;}
\r
203 /* SIDEBAR AND ITS CONTENTS */
\r
210 /* ACTUAL SIDEBAR CONTENT */
\r
224 #sidebar ul li ul li{
\r
225 padding: 0 0 0 10px;
\r
229 font-family: "Lucida Grande", arial, sans-serif;
\r
233 margin: 20px 0 3px 0;
\r
239 border-bottom: 0px solid #666;
\r
241 border-top:1px solid #777;
\r
248 background:url({{url}}_templates/default_images/own_ad_bg.gif) repeat-y;
\r
259 #search_widget input {
\r
260 margin:5px 0 5px 0;
\r
263 /* SIDEBAR DISPLAY COMPONENTS */
\r
274 #community_membership {
\r
277 #sidebar_friends p {
\r
278 padding:0 0 0 10px;
\r
285 border:0px solid #086a89;
\r
286 background:#4391B0 url({{url}}_templates/default_images/login_bg.gif);
\r
304 margin:0 10px 0 10px;
\r
305 background:#0C5896;
\r
309 margin:3px 0 0 4px;
\r
316 margin: 0 0 0 75px;
\r
323 text-decoration:underline;
\r
332 /* Two new divs to let put curved images around the 'me' box */
\r
335 background:url({{url}}_templates/default_images/login_top.gif) bottom no-repeat;
\r
343 background:url({{url}}_templates/default_images/login_bottom.gif) no-repeat;
\r
350 /* extra div's when looking at someone else's page */
\r
367 text-align: center;
\r
369 border-top:1px solid #ccc;
\r
370 border-bottom:1px solid #ccc;
\r
373 margin:20px 0 0 0; /* 10 auto; */
\r
377 text-decoration:underline;
\r
380 #footer a:link, #footer a:visited {
\r
384 /* Remove the search component from the sidebar - it is replaced by the search widget */
\r
390 /* SYSTEM MESSAGES */
\r
393 border:1px solid #D3322A;
\r
394 background:#F7DAD8;
\r
397 margin:20px 20px 0 0;
\r
405 /* THIS DISPLAYS THE ACTUAL CONTENT WITHIN maincontent_container */
\r
407 #maincontent_display {
\r
409 padding: 20px 0 20px 0;
\r
413 background-color: #fff;
\r
417 #maincontent_display h1 {
\r
418 padding-bottom: 2px;
\r
419 border-bottom: 1px solid #666;
\r
423 background-color: #fff;
\r
426 #maincontent_display a {
\r
430 #maincontent_display a:hover {
\r
431 text-decoration:underline;
\r
436 /* SUB MENU attributes */
\r
438 #maincontent_display #sub_menu {
\r
439 font-family: verdana;
\r
441 margin: 5px 0 20px 0;
\r
443 background-color:#fff;
\r
446 #maincontent_display #sub_menu a {
\r
453 #maincontent_display #sub_menu a:hover {
\r
454 text-decoration: underline;
\r
457 #maincontent_display #sub_menu p {
\r
462 /* INDIVIDUAL BLOG POSTS */
\r
465 /* wraps all blog components */
\r
471 .weblog_posts .entry h3 {
\r
474 padding: 0 0 10px 110px;
\r
492 border:2px solid #6EAE87;
\r
501 margin: 0 0 10px 0;
\r
502 padding: 0 0 20px 110px;
\r
503 font-family: arial;
\r
512 margin: 3px 0 10px 0;
\r
517 .post ol, .post ul {
\r
518 margin: 3px 0 10px 0;
\r
523 margin: 0 0 0 30px;
\r
528 list-style-type: square;
\r
531 .post .blog_edit_functions p {
\r
536 .post .blog_edit_functions a {
\r
540 .post .weblog_keywords p {
\r
541 margin:20px 20px 0 20px;
\r
546 .post .weblog_keywords a {
\r
547 text-decoration:underline;
\r
553 margin: 20px 0 5px 0;
\r
556 font-family: verdana;
\r
557 font-weight: normal;
\r
560 border-left:4px solid #eee;
\r
561 border-right:4px solid #eee;
\r
562 border-top:1px solid #eee;
\r
563 border-bottom:1px solid #eee;
\r
568 background:#fff url({{url}}_templates/default_images/comment_add.gif) left no-repeat;
\r
569 text-decoration: none;
\r
570 /*border-bottom: 1px dotted #666;*/
\r
572 padding:0 0 0 20px;
\r
575 .external_services p {
\r
577 margin: 20px 0 5px 0;
\r
580 font-family: verdana;
\r
581 font-weight: normal;
\r
583 border-left:4px solid #eee;
\r
584 border-right:4px solid #eee;
\r
585 border-top:1px solid #eee;
\r
586 border-bottom:1px solid #eee;
\r
590 #comments ol, #comments ul {
\r
591 margin: 3px 0 10px 0;
\r
600 margin: 10px 0 10px 30px;
\r
605 list-style-type: square;
\r
610 background:url({{url}}_templates/default_images/comments.gif) left no-repeat;
\r
611 padding:0 0 0 20px;
\r
619 border:1px solid #eee;
\r
620 background:#f2f7fb;
\r
622 margin:20px 0 5px 0;
\r
626 .comment_owner img {
\r
627 margin:0px 5px 0px 0px;
\r
632 background:#f2f7fb;
\r
640 .weblog_dateheader {
\r
643 color: #ccc; /*#333;*/
\r
645 font-weight: normal;
\r
646 font-style: italic;
\r
649 border-bottom: 1px solid #ccc;
\r
653 .weblogdateheader {
\r
656 color: #ccc; /*#333;*/
\r
658 font-weight: normal;
\r
659 font-style: italic;
\r
662 border-bottom: 1px solid #ccc;
\r
668 /* YOUR RESOURCES */
\r
671 border-bottom: 1px dotted #aaaaaa;
\r
680 padding:0 0 10px 0;
\r
683 .feed_content a:hover{
\r
687 .feed_content img {
\r
688 border: 1px solid #666666;
\r
704 .feed_content h3 a{
\r
708 border-style:dotted;
\r
712 .feed_content h3 a:hover{
\r
713 background:#FCD63F;
\r
721 padding: 5px 10px 5px 5px;
\r
722 background: #C7D8D9;
\r
724 text-decoration:none;
\r
728 border-top:1px solid #eee;
\r
729 border-bottom:1px solid #eee;
\r
730 border-left:4px solid #eee;
\r
731 border-right:4px solid #eee;
\r
748 DIV's to help control look and feel - infoholder holds all the profile data
\r
749 and is always located in within 'maincontentdisplay'
\r
752 /* holds profile data */
\r
756 border-style:solid;
\r
769 .infoholder a:hover {
\r
770 text-decoration:underline;
\r
773 .infoholder .fieldname h2 {
\r
777 border-style:solid;
\r
784 .infoholder_twocolumn {
\r
788 border-style:solid;
\r
792 .infoholder_twocolumn .fieldname h3{
\r
798 border-style:solid;
\r
801 .infoholder_twocolumn h3 {
\r
807 /* holds administration data */
\r
812 border-style:solid;
\r
816 .admin_datatable p {
\r
821 .admin_datatable a {
\r
826 .admin_datatable td {
\r
832 .admin_datatable h3{
\r
840 .admin_datatable h4{
\r
848 .admin_datatable h4 {
\r
851 /* header plus one row of content */
\r
853 .databox_vertical {
\r
854 background-color: #F9F9F9;
\r
857 border-style:solid;
\r
859 margin:15px 0 5px 0;
\r
863 #maincontent_display .databox_vertical p{
\r
867 background-color: #F9F9F9;
\r
870 .databox_vertical .fieldname h3 {
\r
874 background-color: #F9F9F9;
\r
878 /* holds file content */
\r
881 background-color: #F9F9F9;
\r
884 border-style:solid;
\r
893 color:#000; /*#1181AA;*/
\r
894 background-color: #F9F9F9;
\r
898 background-color: #F9F9F9;
\r
911 /* holds fodler content */
\r
914 background-color: #F9F9F9;
\r
917 border-style:solid;
\r
924 background-color: #F9F9F9;
\r
931 background-color: #F9F9F9;
\r
934 .foldertable table {
\r
938 /* holds network data */
\r