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
;
207 /* hide this from ie/mac and konq2.2 */
210 font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana
, Lucida
, Helvetica
, Arial
, sans-serif
;
212 border: 1px solid
#2f6fab;
214 background-color: white
;
215 vertical-align: middle
;
220 input
[type
="checkbox"] {
224 border: 1px solid
#2f6fab;
228 abbr
, acronym
, .explain
{
229 border-bottom: 1px dotted Black
;
231 background-color: transparent
;
235 font-family: Times
, "Times New Roman", serif
;
239 font-family: Times
, "Times New Roman", serif
;
244 background-color: #f9f9f9;
248 border: 1px dashed
#2f6fab;
250 background-color: #f9f9f9;
253 text-decoration: none
;
258 ** the main content area
264 margin: -1.6em 0 0.6em 1em;
274 padding: 0 0 1em 0em;
278 #bodyContent a:hover
{
279 text-decoration: underline
;
282 /* Some space under the headers in the content area */
284 .documentFirstHeading
,
294 padding: 0em 1em 1.5em 1em;
296 border: 1px solid
#aaaaaa;
304 /* this will be the user notification thing */
306 background-color: #ffce7b;
307 border: 1px solid
#ffa500;
311 margin: 2em 0em 1em 0em;
313 vertical-align: middle
;
315 .documentDescription {
316 /* The summary text describing the document */
330 text-decoration: none
;
334 ** mediawiki-specific styles
338 a
.new
{ color:#ba0000; text-decoration:none
; }
341 /*border:1px solid #2f6fab;*/
342 border:1px solid
#aaaaaa;
343 background-color:#f9f9f9;
353 .toctoggle, .editsection {
361 border: 0.5em solid White
;
362 border-width: 0.5em 0 0.8em 1.4em;
364 div
.floatright p
{ font-style: italic
;}
367 margin: 0.3em 0.5em 0.5em 0;
369 border: 0.5em solid White
;
370 border-width: 0.5em 1.4em 0.8em 0;
372 div
.floatleft p
{ font-style: italic
; }
377 /* border:1px solid #2f6fab;*/
378 background-color:#f9f9f9;
381 margin: 0.3em 0 0.5em;
385 div
.thumbnail-none div
,
386 div
.thumbnail-right div
,
387 div
.thumbnail-left div
{
388 border:1px solid
#cccccc;
390 div
.thumbnail-none p
, div
.thumbnail-right p
, div
.thumbnail-left p
{
391 margin-top:3px; margin-bottom:3px;
394 div
.thumbnail-right
{
397 border: 0.5em solid White
;
398 border-width: 0.5em 0 0.8em 1.4em;
404 border: 0.5em solid White
;
405 border: 0.5em 1.4em 0.8em 0;
407 /* table standards */
427 ** keep the whitespace in front of the ^=, hides rule from konqueror
428 ** this is css3, the validator doesn't like it when validating as css2
430 #bodyContent a
[href ^
="http://"],
431 #bodyContent a
[href ^
="gopher://"] {
432 background: url
(external.png) center right no-repeat
;
435 #bodyContent a
[href ^
="https://"],
437 background: transparent url
("lock_icon.gif") center right no-repeat
;
440 #bodyContent a
[href ^
="mailto:"],
442 background: transparent url
("mail_icon.gif") center right no-repeat
;
445 #bodyContent a
[href ^
="news://"] {
446 background: transparent url
("news_icon.png") center right no-repeat
;
449 #bodyContent a
[href ^
="ftp://"],
451 background: transparent url
("file_icon.gif") center right no-repeat
;
454 #bodyContent a
[href ^
="irc://"],
456 background: transparent url
("discussionitem_icon.gif") center right no-repeat
;
465 ** classes for special content elements like town boxes
472 border: 1px solid Grey
;
484 background-color: transparent
;
488 margin: 0.1em 0 0 1.1em;
489 background-color: #f3f3f3;
493 ** Special content area views
500 /* the auto-generated edit comments */
501 .autocomment { color: gray
; }
505 ** Structural Elements
509 ** the portlets (elements in the quickbar)
525 background: transparent
;
526 padding: 0em 1em 0em 0.5em;
527 text-transform: lowercase
;
536 border: 1px solid
#2f6fab;
537 border-style: solid solid none solid
;
538 padding: 0em 1em 0em 1em;
539 text-transform: lowercase
;
549 border-collapse: collapse
;
550 border: 1px solid
#aaaaaa;
560 padding: 0.1em 0.8em 0.7em 0.5em;
564 text-transform: none
;
565 border-left: 1px solid
#2f6fab;
576 background-color: #f7f9fa;
579 background-color: transparent
;
586 list-style-type: square
;
587 list-style-image: url
("bullet.gif");
596 background-color: #f7f9fa;
599 background-color: transparent
;
602 background-color: #f7f9fa;
616 position:absolute
; /*needed to use z-index */
623 #portlet-logo h5
{ display: none
; }
625 #portlet-logo a:hover
{
629 background: url
(wiki.png) no-repeat
;
630 background-repeat: no-repeat
;
631 text-decoration: none
;
635 ** the navigation portlet
639 #portlet-navigation {
643 #portlet-navigation .plain
{
654 #portlet-search .portletBody
{
662 margin-bottom: 1px ! important;
663 background: White url(search_icon.gif) 2px 1px no-repeat;
665 padding: 1px 1px 1px 15px;
666 text-transform: lowercase;*/
677 #portlet-search .portletContent
{
678 padding: 0.5em 0.4em 0.4em 0.4em;
683 ** the personal toolbar
696 background-color: transparent
;
701 #portlet-personal h5
{
704 #portlet-personal .portlet
,
705 #portlet-personal .portletBody
,
706 #portlet-personal .portletContent
,
707 #portlet-personal .odd
{
713 background-color: transparent
;
716 #portal-personal li
{
719 background-color: transparent
;
722 /* this is the ul contained in the portlet */
724 #portal-personaltools {
725 /* background-color: #fabd23;*/
726 /* border-bottom-color: #2f6fab;*/
730 padding: 0em 2em 0 3em;
733 text-transform: lowercase
;
736 background-color: transparent
;
739 #portal-personaltools .portalNotLoggedIn
{
742 background: transparent
;
743 background-image: none
;
744 } /* Used on all descriptions relevant to those not logged in */
746 #portal-personaltools li
{
752 background-color: transparent
;
754 #portal-personaltools li a
{
755 text-decoration: none
;
758 padding-bottom: 0.2em;
759 background-color: transparent
;
761 #portal-personaltools li
a:hover
{
762 text-decoration: none
;
764 background-color: White
;
765 padding-bottom: 0.2em;
768 /* the icon in front of the user name, single quotes
769 in bg url to hide it from iemac */
770 li#personaltools-userpage
,
771 li#personaltools-login
{
772 background: transparent url
('user.gif') center left no-repeat
;
773 background-repeat: no-repeat
;
775 text-transform: none
;
779 ** the page-related actions- page/talk, edit etc
782 #portlet-contentViews {
792 background-color: transparent
;
793 border-collapse: collapse
;
799 #portlet-contentViews .hiddenStructure
{
803 #portlet-contentViews ul
{
806 #portlet-contentViews li
{
808 border: 1px solid
#aaaaaa;
810 padding: 0 0 0.1em 0;
815 #portlet-contentViews li
.selected
{
816 border-color: #fabd23;
817 padding: 0 0 0.2em 0;
820 #portlet-contentViews li a
{
821 background-color: White
;
824 padding: 0 0.8em 0.3em 0.8em;
825 text-decoration: none
;
826 text-transform: lowercase
;
832 #portlet-contentViews .selected a
{
835 #portlet-contentViews .new a
{
838 #portlet-contentViews li
a:hover
{
841 #portlet-contentViews h5
{ display: none
; }
843 /* offsets to distinguish the tab groups */
844 li#contentaction-talk
{
847 li#contentaction-watch
{
853 ** the remaining portlets
866 background-color: White
;
867 border-top: 1px solid
#fabd23;
868 border-bottom: 1px solid
#fabd23;
869 margin: 0.3em 0em 1em 0em;
870 padding: 0.4em 0em 1em 0em;
881 ** IE/Mac fixes, hope to find a validating way to move this
882 ** to a separate stylesheet. This would work but doesn't validate:
883 ** @import("IEMacFixes.css");
886 /* tabs: border on the a, not the div */
887 *>html #portlet-contentViews li
{
890 *>html #portlet-contentViews li a
{
891 border: 1px solid
#aaaaaa;
894 *>html #portlet-contentViews li
.selected a
{
895 border-color: #fabd23;
898 /* fixes for broken IE float handling */
899 *>html #portal-column-content
{
902 /* the full-size images are in center tags */
903 * html #bodyContent center
,
904 * html #bodyContent pre
{
910 html
>body #portal-column-one
{
914 head:first-child
+body #portal-column-one
{
919 html
>body #portlet-personal
{
924 head:first-child
+body #portlet-personal
{
928 /* debugging tool.. */
929 /*div{ border:1px solid #000000;}*/