diff options
Diffstat (limited to 'fedoratheme/kindofblue/skins/fedoratheme_kindofblue_styles/public.css.dtml')
| -rw-r--r-- | fedoratheme/kindofblue/skins/fedoratheme_kindofblue_styles/public.css.dtml | 1963 |
1 files changed, 1963 insertions, 0 deletions
diff --git a/fedoratheme/kindofblue/skins/fedoratheme_kindofblue_styles/public.css.dtml b/fedoratheme/kindofblue/skins/fedoratheme_kindofblue_styles/public.css.dtml new file mode 100644 index 0000000..8c1f842 --- /dev/null +++ b/fedoratheme/kindofblue/skins/fedoratheme_kindofblue_styles/public.css.dtml @@ -0,0 +1,1963 @@ +/* +** Plone style sheet - Public-facing Elements +** +** Style sheet documentation can be found at http://plone.org/documentation +** +** You should preferrably use ploneCustom.css to add your own CSS classes and to +** customize your portal, as these are the base fundaments of Plone, and will +** change and be refined in newer versions. Keeping your changes in +** ploneCustom.css will make it easier to upgrade. +** +** Feel free to use whole or parts of this for your own designs, but give credit +** where credit is due. +** +*/ + +/* <dtml-with base_properties> (do not remove this :) */ +/* <dtml-call "REQUEST.set('portal_url', portal_url())"> (not this either :) */ + +/* Accessibility elements, applied by JS */ +body.largeText { font-size: 95%; } +body.smallText { font-size: 60%; } + +/* Padding for the columns */ + +#portal-column-one .visualPadding { + padding: 1em; +} +#portal-column-two .visualPadding { + padding: 1em; +} + +/* Content area */ +h1, h2 { + border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + font-weight: normal; +} +/* Compensate for the inline editing hover, since we have a 1px border */ +body.kssActive h2.inlineEditable:hover, +body.kssActive h1.inlineEditable:hover { + padding-bottom: 1px; +} + + +h3, h4, h5, h6 { + border-bottom: none; + font-weight: bold; +} + +.documentFirstHeading { + margin-top: 0; +} + +.documentContent { + padding: 1em 1em 2em 1em !important; + background: &dtml-backgroundColor;; +} +.documentContent ul { + list-style-image: url(&dtml-portal_url;/bullet.gif); + list-style-type: square; + margin: 0.5em 0 0 1.5em; +} +.documentContent ol { + margin: 0.5em 0 0 2.5em; +} + +/* Links with differently colored link underlines - only for content */ +.documentContent p a { + text-decoration: none; + border-bottom: 1px #ccc solid; +} +.documentContent p a:visited { + color: &dtml-linkVisitedColor;; + background-color: transparent; +} +.documentContent p a:active { + color: &dtml-linkActiveColor;; + background-color: transparent; +} +#content a:target { + background-color: #fd7 !important; +} +.documentContent li a { + text-decoration: none; + border-bottom: 1px #cccccc solid; +} +.documentContent li a:visited { + color: &dtml-linkVisitedColor;; +} +.documentContent li a:active { + color: &dtml-linkActiveColor;; +} +.documentContent dd a { + text-decoration: none; + border-bottom: 1px #cccccc solid; +} +.documentContent dd a:visited { + color: &dtml-linkVisitedColor;; + background-color: transparent; +} +.documentContent dd a:active { + color: &dtml-linkActiveColor;; + background-color: transparent; +} +/* End links */ + +/* End edit form elements */ + +#visual-portal-wrapper { + margin: 0; + padding: 0; +} + +/* Logo properties */ +#portal-logo img { + border: 0; + padding: 0; + margin: 1em 0em 1em 2em; +} + +/* The skin switcher at the top, only shows up if you have multiple skins available */ +#portal-skinswitcher { +} +#portal-skinswitcher a { + display: block; + float: left; +} +#portal-top { + /* Top section */ + margin: 0; + padding: 0; + background-color: transparent; +} + +/* Site-wide action menu - font size, contact, index, sitemap etc */ +#portal-siteactions { + background-color: transparent; + white-space: nowrap; + list-style-image: none; + list-style-type: none; + margin: 1px 0 0 0; + height: auto; + line-height: normal; + float: right; + padding: 3px 2em 3px 0; +} +#portal-siteactions li { + display: inline; +} +#portal-siteactions li a { + background-color: transparent; + border-left: 1px solid &dtml-backgroundColor;; + color: #fff; + height: auto; + padding: 0.2em; + margin-right: 0.2em; + text-decoration: none; + text-transform: &dtml-textTransform;; +} +#portal-siteactions li.selected a { + background-color: &dtml-globalBackgroundColor;; + color: &dtml-globalFontColor;; + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; +} +#portal-siteactions li a:hover { +} + +/* Searchbox style and positioning */ + +#portal-searchbox { + float: right; + clear: right; + background-color: transparent; + margin: 1.5em 0 0 0; + padding: 0 2em 0 0; + text-align: right; + text-transform: &dtml-textTransform;; + white-space: nowrap; + z-index: 2; +} +#portal-advanced-search { + margin-top: 0.2em; + clear: both; +} +#portal-advanced-search a { + color: &dtml-discreetColor;; + text-decoration: none; + text-transform: &dtml-textTransform;; +} + +/* Search results elements */ + +dl.searchResults dt { + font-size: 140%; + font-weight: normal; +} + +form.searchPage { + text-align: center; +} + +input.searchPage { + font-size: 200% !important; +} + +form.searchPage input.searchButton { + background-position:5px 7px; + padding:1px 10px 1px 25px; +} + +/* LiveSearch styles */ +.LSRes { + font-family: <dtml-var fontFamily>; + visibility: visible; + color: &dtml-globalFontColor;; + background-color: &dtml-backgroundColor;; + vertical-align: middle; + display:block; + list-style-image: none; + list-style-type: none; + text-align: left; + min-width: 16.5em; + text-transform: none; + margin-left: 0; + line-height: 1.1em; +} +#LSHighlight, +.LSHighlight { + background-color: &dtml-globalBackgroundColor;; + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + color: &dtml-globalFontColor;; +} +.LSRow { + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor;; + white-space: normal; + padding:0; + margin: 0; + list-style-image: none; + list-style-type: none; +} +.LSRow a { + text-decoration: none; + font-weight:bold; + white-space:nowrap +} +.LSDescr { + color: &dtml-discreetColor;; + text-transform: &dtml-textTransform;; + padding-left:2.1em; + margin-top:-0.1em; +} +.LSResult { + position: relative; + display: block; + text-align: right; + padding-top: 5px; + margin: 0; + left: 3px; + z-index: 3; +} +.LSShadow { + position: relative; + text-align: right; +} +.livesearchContainer { + background-color: &dtml-backgroundColor;; + margin-top: 0; + padding: 0 !important; + position: absolute; + right: 0px; + /* Currently exposes a rendering bug in Mozilla */ + top: 0; + white-space: normal; + font-family: <dtml-var fontFamily>; + visibility: visible; + text-align: left; + color: &dtml-globalFontColor;; + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + width: 30em; + text-transform: none; +} +* html .livesearchContainer { + padding: &dtml-borderWidth; !important; + padding-top: 0 !important; + background-color: &dtml-globalBorderColor;; + border: 0; +} +#livesearchLegend { + line-height: 1em; + margin-top: -2em; + margin-left: -0.1em; + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + border-bottom: 0; +} +* html #livesearchLegend { + margin-top: -1.9em; + margin-left: -8px; + position: relative; +} + +/* Workaround for Internet Explorer's broken z-index implementation */ +.LSIEFix { + background-color: &dtml-backgroundColor;; + padding: 0.5em !important; + z-index: 20; +} +.LSBox { + clear: left; + float: left; + text-align: right; + padding-right: 1px; + display:block; +} +#LSNothingFound { + text-align: center; + padding: 2px; +} +.LSBox label { + font-weight: normal; +} + +/* The global section tabs. */ +#portal-globalnav { + background-color: transparent; + padding: 0em 0em 0em 2em; + white-space: nowrap; + list-style: none; + margin: 0; + height: auto; + line-height: normal; +} +#portal-globalnav li { + display: inline; +} +#portal-globalnav li a { + /* The normal, unselected tabs. They are all links */ + background-color: transparent; + border-color: &dtml-globalBorderColor;; + border-width: &dtml-borderWidth;; + border-style: &dtml-borderStyle; &dtml-borderStyle; none &dtml-borderStyle;; + color: &dtml-globalFontColor;; + height: auto; + margin-right: 0.5em; + padding: 0em 1.25em; + text-decoration: none; + text-transform: &dtml-textTransform;; +} +#portal-globalnav li.selected a { + /* The selected tab. There's only one of this */ + background-color: &dtml-globalBackgroundColor;; + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + border-bottom: &dtml-globalBackgroundColor; &dtml-borderWidth; &dtml-borderStyle;; + color: &dtml-globalFontColor;; +} +#portal-globalnav li a:hover { + background-color: &dtml-globalBackgroundColor;; + border-color: &dtml-globalBorderColor;; + border-bottom-color: &dtml-globalBackgroundColor;; + color: &dtml-globalFontColor;; +} +#portal-personaltools { + /* Bar with personalized menu (user preferences, favorites etc) */ + background-color: #fff; + border-top-color: &dtml-globalBorderColor;; + border-top-style: &dtml-borderStyle;; + border-top-width: &dtml-borderWidth;; + border-bottom-color: &dtml-globalBorderColor;; + border-bottom-style: &dtml-borderStyle;; + border-bottom-width: &dtml-borderWidth;; + line-height: 1.6em; + color: &dtml-fontColor;; + padding: 0em 3em 0em 3em; + margin: 0; + text-align: right; + text-transform: &dtml-textTransform;; + list-style: none; +} +#portal-personaltools .portalUser { + background: transparent url(&dtml-portal_url;/user.gif) center left no-repeat; + padding-left: 18px; +} +#portal-personaltools .portalNotLoggedIn { + /* Used on all descriptions relevant to those not logged in */ + color: &dtml-fontColor;; + padding: 0; + background: transparent; + background-image: none; +} +#portal-personaltools li { + color: &dtml-globalFontColor;; + margin-left: 1em; + display: inline; +} +#portal-personaltools li a { + text-decoration: none; +} +#portal-personaltools .visualIconPadding { + padding-left: 10px; +} +.visualCaseSensitive { + text-transform: none; +} +#portal-languageselector { + margin: 0 1em 0 1em; + float:right; +} +#portal-languageselector li { + display: inline; +} +#portal-breadcrumbs { + /* The path bar, including breadcrumbs and add to favorites */ + border-bottom-color: &dtml-globalBorderColor;; + border-bottom-style: &dtml-borderStyle;; + border-bottom-width: &dtml-borderWidth;; + background: #fff; + padding-left: 2em; + padding-right: 2em; + text-transform: &dtml-textTransform;; + line-height: 1.6em; +} +#portal-breadcrumbs a { + text-decoration: none; +} +.breadcrumbSeparator { + font-size: 120%; +} +.addFavorite { + vertical-align: bottom; +} +.documentEditable { + padding: 0em 1em 1em 1em !important; + margin: 0 -1em; +} +#content-news h1 { + margin-bottom: 1em; +} + +/* Only h5/h6 headlines in the content area should have the discreet color */ +#content h5, +#content h6 { + color: &dtml-discreetColor;; +} +.newsItem { + margin-bottom: 1em; + border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; +} +.newsImage { + border: 1px solid #ccc; +} +.newsImageContainer { + float:right; + margin: 0 0 0.5em 1em; + width: 202px; +} +.newsContent { + padding: 0 1em 1em 1em; +} +.newsContent ul, +.newsContent li { + display: block; + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; +} +.newsAbout { + display: block; + color: &dtml-discreetColor;; + font-size: &dtml-fontSmallSize;; + padding: 0; + margin-top: 0; + list-style: none; + list-style-image: none; + float: right; + text-align: right; +} +.newsAbout li { + display: inline; +} +.newsFooter { + +} +.newsFooter li { + display: inline; + margin: 0 1em 0 0; +} +.documentActions { + margin: 1em 0; + padding: 0; + text-align: right; + border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; +} +.documentActions ul { + margin: 0; + padding: 0 0.5em; + display: block; + margin-top: -0.9em; + list-style-type: none; + list-style-image: none; +} +.documentActions li { + display: inline; + font-size: &dtml-fontSmallSize;; + margin: 0 0.5em; + padding: 0 0.25em; + background-color: &dtml-backgroundColor;; +} +.documentActions a { + border: none !important; + text-decoration: none; +} + +/* Status messages */ + +dl.portalMessage { + font-size: &dtml-fontSmallSize;; +} +dl.portalMessage a { + color: black; + border: none; + text-decoration: underline; +} +dl.portalMessage dt { + background-color: #996; + border: 1px solid #996; + font-weight: bold; + float: left; + margin: 0 0.5em 0 0; + padding: 0.5em 0.75em; + color: White; + line-height: 1.25em; +} +dl.portalMessage dd { + background-color: #ffffe3; + border: 1px solid #996; + padding: 0.5em 0.5em; + margin: 0; + line-height: 1.25em; +} +dl.warning dt { + background-color: #d80; + border: 1px solid #d80; +} +dl.error dt { + background-color: #d00; + border-color: #d00; +} +dl.warning dd { + background-color: #fd7; + border-color: #d80; +} +dl.error dd { + background-color: #fd7; + border-color: #d80; +} + +.documentDescription { + /* The summary text describing the document */ + font-weight: bold; + display: block; + margin: 0em 0em 0.5em 0em; + line-height: 1.5em; +} +.documentByLine { + font-size: &dtml-fontSmallSize;; + font-weight: normal; + color: &dtml-discreetColor;; + margin-bottom: 0.5em; +} +dl.searchResults span.documentByLine { + display: block; +} +#category ul { + list-style-image: none; + list-style-type: none; + display: inline; + margin: 0; +} +#category ul li { + display: inline; +} +.discussion { + margin-top: 1em; +} +.even { + background-color: &dtml-evenRowBackgroundColor;; +} +.odd { + background-color: &dtml-oddRowBackgroundColor;; +} +.visualHighlight { + background-color: #ffc; +} +.discreet { + color: &dtml-discreetColor;; + font-size: &dtml-fontSmallSize;; + font-weight: normal; +} +.pullquote { + padding: 0 1em 0 1em; + margin: 0 0 1em 1em; + font-weight: bold; + color: #CC9933; + float: right; + width: 35%; + clear: right; + background-color: &dtml-backgroundColor;; + border-left: 4px solid &dtml-globalBorderColor;; +} +.callout { + font-weight: bold; + color: #CC9933; + padding: 0px 1em; +} + +.notify, +.documentEditable * .notify { + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-notifyBorderColor;; +} +.card { + background-color: &dtml-globalBackgroundColor;; + border-color: &dtml-globalBorderColor;; + border-width: &dtml-borderWidth;; + border-style: &dtml-borderStyle;; + float: left; + margin: 1em; + text-align: center; + width: 110px; + padding: 1em 0; +} +.card a { + text-decoration: none; +} +.portrait { + background-color: &dtml-globalBackgroundColor;; + border-color: &dtml-globalBorderColor;; + border-width: &dtml-borderWidth;; + border-style: &dtml-borderStyle;; + font-size: &dtml-fontSmallSize;; + margin: 0.5em; + padding: 1em 0 0.5em 0; + text-align: center; + width: 100px; +} +.portraitPhoto { + border: 1px solid black; +} + +/* The table used for listings - horizontal and vertical variants */ +table.listing, +.stx table { + /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */ + border-collapse: collapse; + border-left: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + font-size: &dtml-fontSmallSize;; + margin: 1em 0em 1em 0em; +} +table.listing th, +.stx table th { + background: &dtml-globalBackgroundColor;; + border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + font-weight: normal; + padding: 0.25em 0.5em; + text-transform: &dtml-textTransform;; +} +table.listing .top { + border-left: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor;; + border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor; ! important; + border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor; ! important; + text-align: right ! important; + padding: 0em 0em 1em 0em; +} +table.listing .listingCheckbox { + text-align: center; +} +table.listing td, +.stx table td { + border-right: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + padding: 0.25em 0.5em; +} +table.listing a { + text-decoration: none; +} +table.listing a:hover { + text-decoration: underline; +} +table.listing img { + vertical-align: middle; +} +table.listing td a label, +.stx table td a label { + cursor: pointer; +} + +/* Vertical addition class */ +table.vertical { + background-color: &dtml-backgroundColor;; +} +table.vertical th { + padding: 0.5em; +} +table.vertical td { + border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + padding: 0.5em; +} + +/* grid addition class */ + +table.grid td { + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + padding: 0.5em; +} + +/* plain table class with light gray borders */ + +table.plain, +table.plain td, +table.plain th { + border: 1px solid #ccc; + padding: 0.5em; + border-collapse: collapse; +} + +/* Batch selector */ +.listingBar { + background-color: &dtml-globalBackgroundColor;; + border-color: &dtml-globalBorderColor;; + border-style: &dtml-borderStyle;; + border-width: &dtml-borderWidth;; + padding: 0em 1em; + text-align: center; + text-transform: &dtml-textTransform;; + vertical-align: top; + margin: 1em 0em; + font-size: 94%; + clear: both; +} +.listingBar span.previous, +.listingPrevious { + text-align: left; + float: left; + margin-right: 1em; +} +.listingBar span.next, +.listingNext { + text-align: right; + float: right; + margin-left: 1em; +} +.listingBar img { + vertical-align: middle; +} +.listingBar a { + text-decoration: none; +} +.tileItem { + border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + padding-top: 0.5em; + margin-top: 0.5em; +} +.tileHeadline { + border: none; + font-size: 110%; + font-weight: bold; +} +.tileHeadline a { + text-decoration: none; +} +.tileBody { + margin-bottom: 0.5em; +} +.tileImage { + float: right; + margin: 0 0 0.5em 0.5em; + border: 1px solid black; +} +.eventDetails { + float: right; + width: 20em; + clear: right; +} + +/* Useful deviations from regular style on elements */ + +/* List classes without markers */ +ul.visualNoMarker, +ol.visualNoMarker { + list-style-type: none; + list-style-image: none; + margin: 0.5em 0 0 0; + line-height: 1em; +} + +ul.discreet { + list-style-image: none; + list-style-type: disc; +} + +textarea.proportional { + font: 100% <dtml-var fontFamily>; +} +.productCredits { + text-align: right; + font-size: &dtml-fontSmallSize;; + clear: both; + font-weight: normal; + color: &dtml-discreetColor;; +} +#portal-footer { + background-color: &dtml-globalBackgroundColor;; + border-top: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; + float: none; + line-height: 1.2em; + margin: 2em 0em 1em 0em; + padding: 0.5em 0em 1em 0em; + text-align: center; + color:#fff; +} +#portal-footer p { + margin: 0.25em 0; +} +#portal-footer a { + text-decoration: none; + color: &dtml-linkColor;; + border: none; +} +#portal-footer a:visited { + color: #fff; +} +#portal-footer a:hover { + text-decoration: underline; +} +#portal-colophon { + float: none; + margin: 0pt; + padding: 0 0 1em 0; + text-align: center; + color: #666; +} +#portal-colophon ul { + list-style-image: none; + list-style-type: none; +} +#portal-colophon ul li { + display: inline !important; + font-size: &dtml-fontSmallSize;; + padding: 0 0.75em; +} +#portal-colophon ul li a { + text-decoration: none; + border-bottom: 1px #ccc solid; + color: #666; +} + +.feedButton { + display: block; + float: right; + margin-top: 1px; +} +.poweredBy { + display: block; + clear: both; + font-size: &dtml-fontSmallSize;; + font-weight: normal; + color: &dtml-discreetColor;; + text-align: right; +} + +/* Sitemap styles */ +#portal-sitemap { + list-style: none; + list-style-image: none; + margin: 0; + font-size: 90%; + border: none; +} +#portal-sitemap a { + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-backgroundColor;; +} +#portal-sitemap a:hover { + border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;; +} +#portal-sitemap .navTreeLevel1 { + padding-left: 1em; + border-left: 0.5em solid &dtml-globalBorderColor;; + margin: 0 0 0 0.5em; +} +#portal-sitemap .navTreeLevel2 { + padding-left: 1em; + border-left: 0.5em solid &dtml-globalBackgroundColor;; + margin: 0 0 0 0.6em; +} + +/* Album view classes */ +.photoAlbumEntry { + float: left; + height: 185px; + width: 143px; + margin: 0em; + padding: 0px 6px 0px 9px; + text-align: center; + background-image: url('&dtml-portal_url;/polaroid-single.png'); + background-repeat: no-repeat; +} +.photoAlbumEntry img { + border: 1px solid #ccc; + display: block; + margin: 0 auto; +} +.photoAlbumEntryWrapper { + /*display: block;*/ + height: 130px; + width: 128px; + margin-bottom: 7px; +} +.photoAlbumEntry a { + display: block; + text-decoration: none; + font-size: &dtml-fontSmallSize;; + height: 169px; + width: 130px; + margin: 16px auto 0px; +} +.photoAlbumFolder { + background-image: url('&dtml-portal_url;/polaroid-multi.png'); + background-repeat: no-repeat; +} +.photoAlbumEntryTitle { + color: &dtml-discreetColor;; + display: block; + overflow: hidden; + width: 128px; + height: 3.6em; +} + +/* Link types */ +a.link-parent { + display: block; + background: transparent url(&dtml-portal_url;/arrowUp.gif) 4px 5px no-repeat; + padding: 1px 0px 10px 16px; + font-size: &dtml-fontSmallSize;; + text-decoration: none; +} +#content .link-category { + color: #74ae0b !important; +} +#content .link-user { + background: transparent url(&dtml-portal_url;/user.gif) 0 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content .link-comment { + background: transparent url(&dtml-portal_url;/discussionitem_icon.gif) center left no-repeat; + padding: 1px 0px 1px 16px !important; /* value: */ +} +#content .link-anchor { + color: &dtml-discreetColor;; + text-decoration: none; + font-weight: normal; +} +#content .link-presentation { + font-size: 90%; + text-align: center; +} + +#content .link-wiki-add { + color: red; +} + +/* Handling external/internal links, we first set the icon on all links, then + remove it from the ones that are local - for both http and https */ +#content a[href ^="http:"], +#content a.link-external { + background: transparent url(&dtml-portal_url;/link_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="https:"], +#content a.link-https { + background: transparent url(&dtml-portal_url;/lock_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="&dtml-portal_url;"] { + background: none; + padding: 0; +} + + +/* Protocol-specific links */ +#content a[href ^="mailto:"], +#content a.link-mailto { + background: transparent url(&dtml-portal_url;/mail_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="news:"], +#content a.link-news { + background: transparent url(&dtml-portal_url;/topic_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="ftp:"], +#content a.link-ftp { + background: transparent url(&dtml-portal_url;/file_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="irc:"], +#content a.link-irc { + background: transparent url(&dtml-portal_url;/discussionitem_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="callto:"], +#content a.link-callto { + background: transparent url(&dtml-portal_url;/phone_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="webcal:"], +#content a.link-webcal { + background: transparent url(&dtml-portal_url;/event_icon.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 16px; +} +#content a[href ^="feed:"], +#content a.link-feed { + background: transparent url(&dtml-portal_url;/rss.gif) 0px 1px no-repeat; + padding: 1px 0px 1px 18px; +} + +#content .link-plain { + background-image: none !important; + padding: 0 !important; +} + +/* For ghosted elements */ +.visualGhosted { + opacity: 0.2; +} + +/* Fullscreen */ +body.fullscreen #portal-logo, +body.fullscreen #portal-siteactions { + display: none; +} +body.fullscreen #portal-globalnav { + margin-top: 4em; +} +body.fullscreen #portal-searchbox { + margin: 0.5em 2em 0 0.5em; + padding: 0; + position: relative; + z-index: 3; +} + +/* Kupu image alignment classes */ +.image-left { + float: left; + clear: both; + margin: 0.5em 1em 0.5em 0; + border: 1px solid Black; +} +.image-inline { + float: none; +} +.image-right { + float: right; + clear: both; + margin: 0.5em; + border: 1px solid Black; +} +dd.image-caption { + text-align:left; + padding: 0; margin:0; +} +dl.captioned { + padding: 10px; +} + +/* Dashboard */ +#dashboard-info-message { + padding-top: 0.5em; +} + +#dashboard { + width: 68em; +} + +#dashboard-portlets1, +#dashboard-portlets2, +#dashboard-portlets3 +{ + float:left; + width:16em; + padding:0.7em 1.3em 0 0; +} + +#dashboard-portlets4 { + float:left; + width:16em; + padding-top:0.7em; +} + +#dashboard-portlets1 a, +#dashboard-portlets2 a, +#dashboard-portlets3 a, +#dashboard-portlets4 a { + border-bottom:medium none; +} + +#dashboard-portlets1 dl.portlet, +#dashboard-portlets2 dl.portlet, +#dashboard-portlets3 dl.portlet, +#dashboard-portlets4 dl.portlet { + margin-bottom:1.5em; +} + +div.managedPortlet.portlet { + border-bottom:none; +} +#dashboard select { + width:100%; +} + +.portletAssignments { + margin-top:1.5em; +} + +#dashboard-portlets1 div.managedPortlet a, +#dashboard-portlets2 div.managedPortlet a, +#dashboard-portlets3 div.managedPortlet a, +#dashboard-portlets4 div.managedPortlet a { + text-decoration: none; + color: &dtml-globalFontColor;; + border-bottom:1px solid &dtml-globalFontColor;; +} + +#dashboard-portlets1 div.managedPortlet span a, +#dashboard-portlets2 div.managedPortlet span a, +#dashboard-portlets3 div.managedPortlet span a, +#dashboard-portlets4 div.managedPortlet span a{ + border-bottom:none; +} + +#dashboard-actions { + float:right; +} + +#dashboard-actions ul { + list-style-image:none; + list-style-position:outside; + list-style-type:none; + margin-top:0; +} + +#dashboard-actions ul li { + display:inline; + padding-left:0.7em; +} + +#dashboard-actions ul li.portalUser { + background:transparent url(&dtml-portal_url;/user.gif) no-repeat scroll left center; + padding-left:18px; +} + +/* manage portlets */ + +.section div { + padding-top:0.5em; + padding-bottom:0.5em; +} + +/************************************* + * TITLE: Sinorca Style for MoinMoin * + *Heavily modified by Hrishikesh Ballal for Fedoraproject.org website. * + *************************************/ + + +/* ##### Common Styles ##### */ + +body { + color: black; + /*background-color: rgb(240,240,240);*/ + + background-color: #EEEFF1; + font-family: "DejaVu Sans", "Liberation Sans", sans-serif; + margin: 0; + padding: 0; +} + +a {text-decoration: underline; + color: #337ACC; + +} + + +acronym, .titleTip { + border-bottom: 1px dotted rgb(153,153,153); + cursor: help; + margin: 0; + padding: 0 0 0.4px 0; +} + +.doNotDisplay { + display: none; +} + +.smallCaps { + font-size: 0.8em; + font-variant: small-caps; +} + + +/* ##### Header ##### */ +.superHeader { + color: red; + background-color: rgb(100,135,220); + font-size: 0.8em; + height: 2.4em; +/* background-image:url("/wiki/kindofblue/img/logos/wiki02.png");*/ +} + +.superHeader a { + color: white; + background-color: transparent; + text-decoration: none; + margin: 0; + padding: 0 0.5ex 0 0.25ex; +} + +.superHeader a:hover { + text-decoration: underline; +} + +.superHeader .left { + position: absolute; + left: 1.5mm; + top: 0.6ex; +} + +.superHeader .right { + position: absolute; + right: 1.5mm; + top: 0.6ex; +} + +#portal-header +{ + background: #2963a5 url("&dtml-portal_url;/portal_skins/fedoratheme_kindofblue_logos/fudcon-header.png") 20% 0% repeat-y; +} + +.midHeader { + color: rgb(39,78,144); + height:71px; + /*background-color: rgb(140,170,230); + background-color: #2963A5; + background-image:url("/wiki/kindofblue/img/logos/wiki01.png");*/ + background: url("&dtml-portal_url;/portal_skins/fedoratheme_kindofblue_logos/wiki-sidebar-header.png") top right repeat-y; + /*height: 73px; + background-repeat: repeat-y;*/ +} + +.midHeader h1{ +/* font-size: 1.2em;*/ + font-weight: normal; +} + +.midHeader a { + text-decoration: none; + color: rgb(39,78,144); + +} + +#logo { + /* contains image and/or text link */ +} + +#logo img { + /* logo image */ + vertical-align: middle; + margin: 0 10px 0 0; +} + + +.headerTitle { + margin: 0 0 0 4mm; + padding: 0.25ex 0; + + +} + +.subHeader { + color: white; + background-color: rgb(0,51,153); + font-size: 0.9em; + margin: 0; + padding: 1ex 1ex 1ex 1.5mm; +} + +.subHeader a { + color: white; + /* background-color: transparent;*/ + text-decoration: none; + font-weight: bold; + margin: 0; + padding: 0 0.75ex 0 0.5ex; +} + +.subHeader a:hover { + text-decoration: underline; +} + +.superHeader .highlight, .subHeader .highlight { + color: rgb(253,160,91); + background-color: transparent; +} + + +/* ##### Side Bar ##### */ + + +#sidebar { + width: 210px; + float: right; +} + + +/* +#sidebar { + width: ; + float: right; + clear: right; + border-right: 0 px solid rgb(153,153,153); + background: #EEEFF1; + font-family: "DejaVu Sans", "Liberation Sans", sans-serif; +}*/ + +#sidebar div { + /*border-bottom: 1px solid rgb(153,153,153);*/ +} + +.sideBarTitle { + /*font-weight: bold;*/ + margin: 0 0.5em 0.25em 0mm; + padding: 1.30em 0 0 5mm; + border-bottom: 1px Solid #BFBFBF; + font-family: "DejaVu Sans", "Liberation Sans", sans-serif; + font-size: 16px; + color: #737373; +} + +.editbar li{ + padding: 0 0 0 5mm; +} + +.actionsmenu { + padding: 0 0 0 5mm; +} + +#sidebar ul { + list-style-type: none; + list-style-position: outside; + margin: 0; + padding: 0mm 0 0 0mm; +/* padding: 0 0.5ex 0.5em 5mm;*/ +} + +#sidebar li { + margin: 0; + padding: 0.1ex 0; /* Circumvents a rendering bug (?) in MSIE 6.0 */ +} + +#sidebar a, .current { + color: #22538B; + /*color: rgb(0,102,204);*/ + background-color: transparent; + text-decoration: none; + margin: 0; + padding: 0.25em 0.5ex 0.5em 5mm; + display: block; +} + +.current { + color: black; + background-color: white; + padding-left: 14mm; + border-top: 1px solid rgb(253,160,91); + border-bottom: 1px solid rgb(253,160,91); +} + +#sidebar a:hover { + color: white; + background-color: rgb(100,135,220); + text-decoration: none; +} + +.sideBarText { + line-height: 0.5em; + margin: 0 0 1em 0; +/* padding: 0 0.25ex 0 2.5mm;*/ + padding: 0.25em 0.5ex 0.5em 5mm; + display: block; +} + +#sidebar .sideBarText a { + text-decoration: underline; + margin: 0; + /* padding: 0;*/ + padding: 0.25em 0.5ex 0.5em 5mm; + display: inline; +} + +#sidebar .sideBarText a:hover { + color: rgb(0,102,204); + background-color: transparent; + text-decoration: none; +} + +#iconbar { + clear: both; + float: right; + margin: 5px 5px 5px 10px; + padding: 0; + white-space: nowrap; +} + +*[dir="rtl"] #iconbar { + float: right; + margin: 5px 10px 5px 0; +} + +#iconbar li { + display: inline; + padding: 0; + margin: 0 2px; +} + +.lighterBackground { + color: inherit; + background-color: white; +} + +/* ##### Main Copy ##### */ + +#portal-column-content { + color: black; + background-color: white; + min-height: 420px; +/* text-align: justify;*/ + line-height: 1.25em; + /*border-right: 1px solid rgb(153,153,153); + border-left: 1px solid rgb(153,153,153);*/ + +} + +#portal-column-content ul { + list-style-type: disc; + /*list-style-position: outside; + margin: 0; + padding: 0 0 0 0;*/ +/* padding: 0 0 0.5em 0;*/ +} + + +#portal-column-content p { + margin: 0.4em 1ex 0.2em 0mm; + padding: 0px 25px; +} + + +#portal-column-content td +{ + /*padding: 0.25em;*/ + border: 1px solid #c0c0c0; +} + +/*td p { + margin: 0; + padding: 0; +}*/ + + + + +#portal-column-content a { + color: #337ACC; + /* color: rgb(0,102,204);*/ + background-color: transparent; +} + +#portal-column-content a.nonexistent, a.badinterwiki { + color: #900000; + border-bottom: dotted 1px; +} + +#portal-column-content a:hover { + text-decoration: underline; +} + +#portal-column-content a:visited { + color: #6A3B18; +} + +#portal-column-content .topOfPage { + color: white; + background-color: transparent; + text-decoration: none; + margin: 2.5ex 1ex 0 0; /* For MSIE */ + padding: 0; + float: right; +} + +#portal-column-content > .topOfPage { + margin: 2.75ex 1ex 0 0; /* For fully standards-compliant user agents */ +} + +dl { + margin: 1em 1ex 2em 1ex; + padding: 0; +} + +dt { + font-weight: bold; + margin: 0 0 0 0; + padding: 0; +} + +dd { + margin: 0 0 0.5em 1em; + padding: 0; +} + +pre { + background-color: #FFF8ED; +} + + + +/* DL addition from rightsidebar/classic screen.css*/ + +#pagetrail { + clear: left; + margin: 0; + padding: 0; + font-size: 0.8em; + height: 2em; + border-bottom: 1px solid rgb(153,153,153); +} + +*[dir="rtl"] #pagetrail { + clear: right; +} + +#pagetrail li { + float: left; + display: block; + margin: 2px 0 3px 5px; + padding: 0 2px; +} + +*[dir="rtl"] #pagetrail li { + float: right; +} + +#pagetrail a { + text-decoration: none; + color: rgb(0,102,204); +} + +/* XXX Warning: non-ascii characters! */ +#pagetrail li:after { + content: " »"; +} + +#searchform { + margin: 0px 0px 0px 0px; + padding-top: 5px; + padding-bottom:15px; + text-align: right; + background:white; + /* border-right: 1px solid rgb(153,153,153); + border-left: 1px solid rgb(153,153,153);*/ +} + +*[dir="rtl"] #searchform { + margin: 0 0 0 0; +} + +#searchform form div { + display: inline; +} + +/*new*/ +#searchform div { + border-bottom: 0; +} + + +.editbar form, .editbar form div { + display: inline; + text-align: center; + +} + + +/* We use here dumb css1 ids becuase of IE suckiness */ +#editor-textarea, #editor-comment { + width: 99%; +} + +#pagebottom { + clear: both; + color: white; + /*background-color: rgb(240,240,240);*/ + background-color: #FFFFFF; + font-size: 0.8em; + margin: 0; + padding: 1em 1.5mm 1.5ex 1.5mm; +} + +#pageinfo { + font-style:italic; +} + +#preview { + border: 2px solid #e5e5e5; + padding: .5em; + background: url(../img/draft.png); +} + +.diff { + width:99%; +} + +.diff-title { + background-color: #C0C0C0; +} + +.diff-added { + background-color: #E0FFE0; + vertical-align: sub; +} + +.diff-removed { + background-color: #FFFFE0; + vertical-align: sub; +} + +.diff-added span { + background-color: #80FF80; +} + +.diff-removed span { + background-color: #FFFF80; +} + +.searchresult dd span { + font-weight: bold; +} + + + +/* ##### Footer ##### */ + +#portal-footer { + color: white; + /* background-color: rgb(100,135,220);*/ + /* font-size: 0.8em;*/ + margin: 0; + /*padding: 0.25em 0.5mm 0.25em 5mm; + padding: 0.5em 0.75em 0.5em 0.5em; + background-image:url("/wiki/kindofblue/img/logos/wiki03.png"); + background-repeat: repeat-y;*/ + background: #2963a5 url("&dtml-portal_url;/portal_skins/fedoratheme_kindofblue_logos/wiki03.png") repeat-y 20% 0%; + clear: both; +} + +#portal-footer a { + color: white; + background-color: transparent; + text-decoration: underline; + font-size: 0.8em; +} + +#portal-footer a:hover { + text-decoration: none; +} + + +/* Credits*/ + +#credits, #version, #timings{ + padding: 0; + text-align: right; + font-size: 0.88em; + /*color: #6C7680;*/ + color: #FFFFFF; + font-size: 12px; +} +#credits a{ + font-size: 1em; + color: white; + background-color: transparent; + text-decoration: underline; +} + +#credits li, #timings li { + display: inline; + padding: 0 2px; + margin: 0 4px; +} + + +/* + +Custom fedoraproject.org/wiki CSS stylesheet + +Introduces some changes on top of MoinMoin Default Style + +Copyright (c) 2006, 2007 by Dimitris Glezos <dimitris@glezos.com> +License: GPL + +*/ + +/* Basic elements */ + +html { + background-color: white; + font-family: "DejaVu Sans", "Liberation Sans", sans-serif; + font-size: 0.85em; + line-height: 1.4em; +} + +#portal-column-content { + padding: 0 1em; +} + + +/* Headings */ + +#portal-column-content h1 { + font-size: 1.7em; + font-weight: bold; + line-height: 1.9em; + padding: 0 0.7em; /* Should be the same for h{1-4} */ + color: #fff; + background: url('&dtml-portal_url;/portal_skins/fedoratheme_kindofblue_images/bg-diagonals-dark.png'); + border: none; + margin: 1em 0em; +} + +#portal-column-content h2 { + font-size: 1.4em; + line-height: 1.8em; + margin: 2em 0 1.2em 0; + padding: 0 0.7em; /* Should be the same for h{1-4} */ + background: url('&dtml-portal_url;/portal_skins/fedoratheme_kindofblue_images/bg-diagonals-light.png'); + border: none; + color: #072b61; +} + +/* h2 emulation */ + +#portal-column-content .table-of-contents-heading { + font-size: 1.3em; + font-weight: bold; + line-height: 1.8em; + margin: 0; + padding: 0 0.7em; /* Should be the same for h{1-4} */ + color: #072b61; + background: url('&dtml-portal_url;/portal_skins/fedoratheme_kindofblue_images/bg-diagonals-light.png'); +} + +#portal-column-content h3 { + font-size: 1.25em; + line-height: 1.6em; + margin: 1.5em 0 0.9em 0; + padding: 0 0.7em; /* Should be the same for h{1-4} */ + color: #072b61; + border-bottom: 1px solid #dadada; +} + +#portal-column-content h4 { + font-size: 1.2em; + line-height: 1.4em; + margin: 1.4em 0 0.9em 0; + padding: 0 0.7em; /* Should be the same for h{1-4} */ + color: #2963A6; + border-bottom: none; +} + +#portal-column-content h5 { + font-size: 1.1em; + line-height: 1.1em; + padding: 0 1.5em; + color: #072b61; + font-weight: bold; + border-bottom: none; +} + +#portal-column-content h6 { + font-size: 1em; + line-height: 1.1em; + margin: 1.3em 0 0.9em 0; + padding: 0 1.5em; + color: #000; + font-weight: bold; + border-bottom: none; +} + +/* Push stuff inside of headings */ + +#portal-column-content p, +#portal-column-content ul#pagelocation, +#portal-column-content table, +#portal-column-content div.table-of-contents, +#portal-column-content ul, +#portal-column-content ol { +} + +/* pre is a special case, we want as much width as possible */ + +#portal-column-content > pre { + margin-left: 0; +} + +/* Various */ + +#portal-column-content p { + margin-bottom: 1.3em; + line-height: 1.3em; + padding-left: 0; +} + +#portal-column-content td > p { margin-bottom: 0.5em !important; } + + +#portal-column-content ul { + list-style: url('http://fedoraproject.org/wiki/WikiGraphics?action=AttachFile&do=get&target=blue-bullet.png') circle; +} + +#portal-column-content ol { + list-style-image: none !important; +} + +#portal-column-content ul li { + padding-left: 0.5em; + margin-bottom: 1.3em; +} + +#portal-column-content ol li { + padding-left: 0.5em; + margin-bottom: 1.3em; +} + +#portal-column-content ul ul, +#portal-column-content ul ol, +#portal-column-content ol ul, +#portal-column-content ol ol { + margin-left: 0em; + margin-top: 1em; +} + +#portal-column-content ul li p, +#portal-column-content ol li p { + margin-bottom: 1.3em; + line-height: 1.3em; + margin-left: 0em !important; +} + +#portal-column-content pre { + padding: 0.5em 1em; + font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; + white-space: pre; + background-color: #FFFAE9; + border: 1px solid #e5e5e5; + border-left: 4px solid #ccc; +} + +#portal-column-content div#message { + background-color: #eee; + border-top: 2px #c0d0e7 solid; + border-bottom: 2px #c0d0e7 solid; + margin-bottom: 2em; +} + +#portal-column-content div#message p { + color: #000; +} + + +#portal-column-content div.table-of-contents { + margin-top: 2em; /* similar to h2 */ + margin-bottom: 2em; + background: white url('http://fedoraproject.org/wiki/WikiGraphics?action=AttachFile&do=get&target=tablebg.png') no-repeat bottom right; + padding-bottom: 0em; + border: 1px solid #BFBFBF; + width: 45em; +} + +/* keep the item list compact */ + +#portal-column-content div.table-of-contents ol ol { + margin: 0 !important; +} + +#portal-column-content div.table-of-contents ol > li { + margin: 0 !important; + padding-left: 0em; + line-height: 170%; + font-size: 96%; +} + +/* Location */ + +#portal-column-content ul#pagelocation { + margin-top: -0.5em; + padding: 0; + margin-bottom: 4em; + display: block; + clear: left; +} + +*[dir="rtl"] #pagelocation { + clear: right; +} + +#pagelocation li { + float: left; + display: block; + margin: 0; + padding: 0 0.5em 0 0 !important; + font-size: 0.9em; +} + +*[dir="rtl"] #pagelocation li { + float: right; +} + +/* XXX Warning: non-ascii characters! */ +#pagelocation li:before { + content: "» "; +} + +#pagelocation li:first-child:before { + content: ""; +} + +#footer +{ + overflow: auto; + padding: 0 1ex; +} + +.pageinfo +{ + width: 50%; + float: left; +} + +.credits +{ + width: 50%; + float: right; +} + +/* </dtml-with> */ |