2 ** Mediawiki 'mono' style sheet for CSS2-capable browsers.
3 ** Copyright Gabriel Wicke - http://www.aulinx.de/
5 ** Based on http://www.positioniseverything.net/ordered-floats.html by Big John
6 ** and the Plone 2.0 styles, see http://plone.org/.
7 ** Alexander Limi - http://www.plonesolutions.com
8 ** additional plone work:
9 ** Joe Geldart & Tom Croucher - http://www.netalleynetworks.com, Michael Zeltner - http://niij.org,
10 ** Geir Bækholt - http://www.plonesolutions.com
11 ** All you guys rock :)
18 #portal-column-content {
21 margin: 0 0 0 -12.2em;
24 #portal-column-content #content
{
25 margin: 2.7em 0 0 12.2em;
30 /* the left column width is specified in class .portlet */
33 ** We take advantage of keyword scaling- browsers won't go below 9px
34 ** More at http://www.w3.org/2003/07/30-font-size
35 ** http://style.cleverchimp.com/font_size_intervals/altintervals.html
39 font: x-small
"Bitstream Vera Sans", "Lucida Grande", Verdana
, Lucida
, Helvetica
, Arial
, sans-serif
;
40 background: #f9f9f9 url
("headbg.jpg") 0px 0px no-repeat
;
46 /* scale back up to a sane default */
47 #visual-portal-wrapper {
60 text-decoration: none
;
63 background-color: transparent
;
67 vertical-align: middle
;
70 margin: 0.4em 0em 0.7em 0em;
74 text-decoration: none
;
78 background-color: transparent
;
82 background-color: transparent
;
92 background-color: #aaaaaa;
94 margin: 0.2em 0 0.2em 0;
97 h1
, h2
, h3
, h4
, h5
, h6
{
99 background-color: transparent
;
100 font-family: "Lucida Grande", Verdana
, Lucida
, Helvetica
, Arial
, sans-serif
;
105 padding-bottom: 0.17em;
106 /* border-bottom: 1px solid #2f6fab;*/
107 border-bottom: 1px solid
#aaaaaa;
110 h1 a
,h2 a
,h3 a
,h4 a
,h5 a
,h6 a
{
111 color: Black
! important
;
145 list-style-type: square
;
146 margin: 0.3em 0 0 1.5em;
148 list-style-image: url
("bullet.gif");
152 margin: 0.3em 0 0 1.5em;
156 text-decoration: none
;
159 margin-bottom: 0.1em;
165 text-decoration: none
;
170 margin-bottom: 0.8em;
174 text-decoration: none
;
178 text-decoration: none
;
183 border: 1px solid
#2f6fab;
184 margin: 1em 0em 1em 0em;
185 padding: 0em 1em 1em 1em;
200 border: 1px solid
#2f6fab;
202 background-color: white
;
206 /* hide this from ie/mac and konq2.2 */
209 font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana
, Lucida
, Helvetica
, Arial
, sans-serif
;
211 border: 1px solid
#2f6fab;
213 background-color: white
;
214 vertical-align: middle
;
219 input
[type
="checkbox"] {
223 border: 1px solid
#2f6fab;
227 abbr
, acronym
, .explain
{
228 border-bottom: 1px dotted Black
;
230 background-color: transparent
;
234 font-family: Times
, "Times New Roman", serif
;
238 font-family: Times
, "Times New Roman", serif
;
243 background-color: #f9f9f9;
247 border: 1px dashed
#2f6fab;
249 background-color: #f9f9f9;
252 text-decoration: none
;
257 ** the main content area
263 margin: -1.6em 0 0.6em 1em;
273 padding: 0 0 1em 0em;
277 #bodyContent a:hover
{
278 text-decoration: underline
;
281 /* Some space under the headers in the content area */
283 .documentFirstHeading
,
293 padding: 0em 1em 1.5em 1em;
295 border: 1px solid
#aaaaaa;
303 /* this will be the user notification thing */
305 background-color: #ffce7b;
306 border: 1px solid
#ffa500;
310 margin: 2em 0em 1em 0em;
312 vertical-align: middle
;
316 text-decoration: none
;
318 .documentDescription {
319 /* The summary text describing the document */
333 text-decoration: none
;
337 ** mediawiki-specific styles
341 a
.new
{ color:#ba0000; text-decoration:none
; }
344 /*border:1px solid #2f6fab;*/
345 border:1px solid
#aaaaaa;
346 background-color:#f9f9f9;
356 .toctoggle, .editsection {
364 border: 0.5em solid White
;
365 border-width: 0.5em 0 0.8em 1.4em;
367 div
.floatright p
{ font-style: italic
;}
370 margin: 0.3em 0.5em 0.5em 0;
372 border: 0.5em solid White
;
373 border-width: 0.5em 1.4em 0.8em 0;
375 div
.floatleft p
{ font-style: italic
; }
380 /* border:1px solid #2f6fab;*/
381 background-color:#f9f9f9;
384 margin: 0.3em 0 0.5em;
388 div
.thumbnail-none div
,
389 div
.thumbnail-right div
,
390 div
.thumbnail-left div
{
391 border:1px solid
#cccccc;
393 div
.thumbnail-none p
, div
.thumbnail-right p
, div
.thumbnail-left p
{
394 margin-top:3px; margin-bottom:3px;
398 div
.thumbnail-right
{
401 border: 0.5em solid White
;
402 border-width: 0.5em 0 0.8em 1.4em;
408 border: 0.5em solid White
;
409 border: 0.5em 1.4em 0.8em 0;
411 /* table standards */
431 ** keep the whitespace in front of the ^=, hides rule from konqueror
432 ** this is css3, the validator doesn't like it when validating as css2
434 #bodyContent a
[href ^
="http://"],
435 #bodyContent a
[href ^
="gopher://"] {
436 background: url
(external.png) center right no-repeat
;
439 #bodyContent a
[href ^
="https://"],
441 background: transparent url
("lock_icon.gif") center right no-repeat
;
444 #bodyContent a
[href ^
="mailto:"],
446 background: transparent url
("mail_icon.gif") center right no-repeat
;
449 #bodyContent a
[href ^
="news://"] {
450 background: transparent url
("news_icon.png") center right no-repeat
;
453 #bodyContent a
[href ^
="ftp://"],
455 background: transparent url
("file_icon.gif") center right no-repeat
;
458 #bodyContent a
[href ^
="irc://"],
460 background: transparent url
("discussionitem_icon.gif") center right no-repeat
;
469 ** classes for special content elements like town boxes
476 border: 1px solid Grey
;
488 background-color: transparent
;
492 margin: 0.1em 0 0 1.1em;
493 background-color: #f3f3f3;
497 ** Special content area views
504 /* the auto-generated edit comments */
505 .autocomment { color: gray
; }
509 ** Structural Elements
513 ** the portlets (elements in the quickbar)
529 background: transparent
;
530 padding: 0em 1em 0em 0.5em;
531 text-transform: lowercase
;
540 border: 1px solid
#2f6fab;
541 border-style: solid solid none solid
;
542 padding: 0em 1em 0em 1em;
543 text-transform: lowercase
;
553 border-collapse: collapse
;
554 border: 1px solid
#aaaaaa;
564 padding: 0.1em 0.8em 0.7em 0.5em;
568 text-transform: none
;
569 border-left: 1px solid
#2f6fab;
580 background-color: #f7f9fa;
583 background-color: transparent
;
590 list-style-type: square
;
591 list-style-image: url
("bullet.gif");
600 background-color: #f7f9fa;
603 background-color: transparent
;
606 background-color: #f7f9fa;
620 position:absolute
; /*needed to use z-index */
627 #portlet-logo h5
{ display: none
; }
632 background: url
(wiki.png) no-repeat
;
633 background-repeat: no-repeat
;
637 ** the navigation portlet
641 #portlet-navigation {
645 #portlet-navigation .plain
{
656 #portlet-search .portletBody
{
664 margin-bottom: 1px ! important;
665 background: White url(search_icon.gif) 2px 1px no-repeat;
667 padding: 1px 1px 1px 15px;
668 text-transform: lowercase;*/
679 #portlet-search .portletContent
{
680 padding: 0.5em 0.4em 0.4em 0.4em;
685 ** the personal toolbar
698 background-color: transparent
;
703 #portlet-personal h5
{
706 #portlet-personal .portlet
,
707 #portlet-personal .portletBody
,
708 #portlet-personal .portletContent
,
709 #portlet-personal .odd
{
715 background-color: transparent
;
718 #portal-personal li
{
721 background-color: transparent
;
724 /* this is the ul contained in the portlet */
726 #portal-personaltools {
727 /* background-color: #fabd23;*/
728 /* border-bottom-color: #2f6fab;*/
732 padding: 0em 2em 0 3em;
735 text-transform: lowercase
;
738 background-color: transparent
;
741 #portal-personaltools .portalNotLoggedIn
{
744 background: transparent
;
745 background-image: none
;
746 } /* Used on all descriptions relevant to those not logged in */
748 #portal-personaltools li
{
754 background-color: transparent
;
756 #portal-personaltools li a
{
757 text-decoration: none
;
760 padding-bottom: 0.2em;
761 background-color: transparent
;
763 #portal-personaltools li
a:hover
{
764 text-decoration: none
;
766 background-color: White
;
767 padding-bottom: 0.2em;
770 /* the icon in front of the user name, single quotes
771 in bg url to hide it from iemac */
772 li#personaltools-userpage
,
773 li#personaltools-login
{
774 background: transparent url
('user.gif') center left no-repeat
;
775 background-repeat: no-repeat
;
777 text-transform: none
;
781 ** the page-related actions- page/talk, edit etc
784 #portlet-contentViews {
794 background-color: transparent
;
795 border-collapse: collapse
;
801 #portlet-contentViews .hiddenStructure
{
805 #portlet-contentViews ul
{
808 #portlet-contentViews li
{
810 border: 1px solid
#aaaaaa;
812 padding: 0 0 0.1em 0;
817 #portlet-contentViews li
.selected
{
818 border-color: #fabd23;
819 padding: 0 0 0.2em 0;
822 #portlet-contentViews li a
{
823 background-color: White
;
826 padding: 0 0.8em 0.3em 0.8em;
827 text-decoration: none
;
828 text-transform: lowercase
;
834 #portlet-contentViews .selected a
{
837 #portlet-contentViews li
a:hover
{
840 #portlet-contentViews h5
{ display: none
; }
842 /* offsets to distinguish the tab groups */
843 li#contentaction-talk
{
846 li#contentaction-watch
{
852 ** the remaining portlets
865 background-color: White
;
866 border-top: 1px solid
#fabd23;
867 border-bottom: 1px solid
#fabd23;
868 margin: 0.3em 0em 1em 0em;
869 padding: 0.4em 0em 1em 0em;
880 ** IE/Mac fixes, hope to find a validating way to move this
881 ** to a separate stylesheet. This would work but doesn't validate:
882 ** @import("IEMacFixes.css");
885 /* tabs: border on the a, not the div */
886 *>html #portlet-contentViews li
{
889 *>html #portlet-contentViews li a
{
890 border: 1px solid
#aaaaaa;
893 *>html #portlet-contentViews li
.selected a
{
894 border-color: #fabd23;
897 /* fixes for broken IE float handling */
898 *>html #portal-column-content
{
901 /* the full-size images are in center tags */
902 * html #bodyContent center
,
903 * html #bodyContent pre
{
909 html
>body #portal-column-one
{
913 head:first-child
+body #portal-column-one
{
918 html
>body #portlet-personal
{
923 head:first-child
+body #portlet-personal
{
927 /* debugging tool.. */
928 /*div{ border:1px solid #000000;}*/