I'm using the default yeoman angular generator and gruntfile.js. I'm running grunt build and none of my css files are being copied to the dist folder. Here is how I have it configured
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- build:css(.) styles/vendor.css -->
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
<!-- endbower -->
<!-- endbuild -->
<!-- build:css(.tmp) styles/main.css -->
<link rel="stylesheet" href="styles/main.css" />
<link rel="stylesheet" href="styles/stylish-portfolio.css" />
<link rel="stylesheet" href="styles/css/animations.css" />
<link rel="stylesheet" href="styles/brettfont.css" />
<link rel="stylesheet" href="styles/brettfont2.css" />
<link rel="stylesheet" href="styles/brettfont3.css" >
<link rel="stylesheet" href="styles/font-awesome-4.1.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="styles/font-mfizz-1.2/font-mfizz.css" />
<!-- endbuild -->
</head>
Related
I'm learning NodeJS, and I'm having trouble loading the CSS. It loads with live server, but not found with localhost.
Also doesn't load the JS file. I need to do the script in the html with tag.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
href="https://fonts.googleapis.com/css?family=Raleway:400,500,500i,700,800i"
rel="stylesheet"
/>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>My House Rent</title>
</head>
<body>
...
<h1>Index</h1>
<script>
$(document).ready(function () {
$(".navbar-light .dmenu").hover(
function () {
$(this).find(".sm-menu").first().stop(true, true).slideDown(150);
},
function () {
$(this).find(".sm-menu").first().stop(true, true).slideUp(105);
}
);
});
</script>
<!-- <script src="./javascript.js"></script> -->
</body>
</html>
Print:
Explorer:
abp.io landing page of blazor page loading and loading.
There is no error shown in the blazor application. HttpApi.Host projects work just fine. I have already upgraded Visual Studio 2022 Version 17.2.0 Preview 4.0. I have run the tutorial project without any problem.
Here's my index.html page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>ListTrader</title>
<base href="/" />
<!--ABP:Styles-->
<link href="global.css?_v=637843235595560988" rel="stylesheet" />
<link href="_content/Volo.Abp.AspNetCore.Components.Web.LeptonTheme/styles/lepton6.css" rel="stylesheet" id=LeptonStyle />
<link href="main.css" rel="stylesheet" />
<!--/ABP:Styles-->
<link href="DecisionTree.ListTrader.Blazor.styles.css" rel="stylesheet" />
<link rel="stylesheet" href="_content/Radzen.Blazor/css/default-base.css">
<link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
</head>
<body class="abp-application-layout">
<div id="ApplicationContainer">
<div class="loader">
<div id="cover-spin"></div>
</div>
</div>
<!--ABP:Scripts-->
<script src="global.js?_v=637843235597089265"></script>
<script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
<!--/ABP:Scripts-->
</body>
</html>
Here's my logfile from HttpApi.Host projects.
It was the radzen script error. We remove it, and it works fine.
I have added Bootstrap 4 in app.blade.php in my Laravel Project. Now I'm trying to add an external css file in my project but my css file is not working no even in layout.blade.php and view.blade.php.
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('adminDashboard.name', 'Dashboard ML') }}</title>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
<!-- Fonts -->
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<!-- Bootstrap Link start -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Styles -->
<!-- <link href="{{ asset('css/app.css') }}" rel="stylesheet">
--> external css's file link
**<link href="{{ asset('css/styles.css') }}" rel="stylesheet" />**
</head>
I just placed the styles.css file inside the public\css folder where app.css file is already exist.
Please let me know how can I apply my css affect perfectly. Where should I place my stles.css file?
My CSS doesn't work anymore since I'm using angular4.
Currently building the base template of the app, I've somes difficulties with the CSS which is not applying correctly on DIVS because of the generated Component DOM element of Angular.
This is what I want (1)
<div class="page-container ">
<div class="page-content-wrapper">
<div class="content">
Content here
</div>
<div class="container-fluid container-fixed-lg footer">
Footer here
</div>
</div>
</div>
This is what I have (2)
<div class="page-container ">
<div class="page-content-wrapper">
<div class="content">
<router-outlet>
Content here
</router-outlet>
</div>
<ae-footer-composant>
<div class="container-fluid container-fixed-lg footer">
Footer here
</div>
</ae-footer-composant>
</div>
</div>
This is my index.html
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta charset="utf-8" />
<title>Pages - Admin Dashboard UI Kit - Blank Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
<link rel="apple-touch-icon" href="pages/ico/60.png">
<link rel="apple-touch-icon" sizes="76x76" href="pages/ico/76.png">
<link rel="apple-touch-icon" sizes="120x120" href="pages/ico/120.png">
<link rel="apple-touch-icon" sizes="152x152" href="pages/ico/152.png">
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta content="" name="description" />
<meta content="" name="author" />
<base href="/">
<!--[if lte IE 9]>
<link href="assets/plugins/codrops-dialogFx/dialog.ie.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!-- jQuery -->
<script type="text/javascript" src="/assets/plugins/jquery/jquery-1.11.1.min.js" ></script>
</head>
<body class="fixed-header">
<app-root></app-root>
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="/assets/plugins/pace/pace-theme-flash.css" />
<link rel="stylesheet" type="text/css" href="/assets/plugins/bootstrapv3/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/assets/plugins/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="/assets/plugins/jquery-scrollbar/jquery.scrollbar.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="/assets/plugins/select2/css/select2.min.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/assets/plugins/switchery/css/switchery.min.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="/assets/pages/css/pages-icons.css">
<link rel="stylesheet" type="text/css" href="/assets/pages/css/pages.css" class="main-stylesheet"/>
<!--<link rel="stylesheet" type="text/css" href="/assets/pages/condensed/css/pages.css" class="main-stylesheet"/>-->
<link rel="stylesheet" type="text/css" href="/assets/plugins/bootstrap3-wysihtml5/bootstrap3-wysihtml5.min.css"/>
<link rel="stylesheet" type="text/css" href="/assets/plugins/bootstrap-tag/bootstrap-tagsinput.css"/>
<link rel="stylesheet" type="text/css" href="/assets/plugins/dropzone/css/dropzone.css"/>
<link rel="stylesheet" type="text/css" href="/assets/plugins/bootstrap-datepicker/css/datepicker3.css" media="screen">
<link rel="stylesheet" type="text/css" href="/assets/plugins/summernote/css/summernote.css" media="screen">
<link rel="stylesheet" type="text/css" href="/assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" media="screen">
<link rel="stylesheet" type="text/css" href="/assets/plugins/bootstrap-timepicker/bootstrap-timepicker.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="/assets/plugins/jquery-datatable/media/css/dataTables.bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="/assets/plugins/jquery-datatable/extensions/FixedColumns/css/dataTables.fixedColumns.min.css"/>
<link rel="stylesheet" type="text/css" href="/assets/plugins/datatables-responsive/css/datatables.responsive.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/assets/css/style.css"/>
<link rel="stylesheet" type="text/css" href="/assets/elium-style/css/elium.css"/>
<link rel="stylesheet" type="text/css" href="/assets/elium-style/css/pages.css"/>
</body>
</html>
This is my app.component.html
<!-- START PAGE-CONTAINER -->
<div class="page-container ">
<!-- START HEADER -->
<ae-header-composant></ae-header-composant>
<!-- START PAGE CONTENT WRAPPER -->
<div class="page-content-wrapper">
<div class="content">
<router-outlet></router-outlet>
</div>
<ae-footer-composant></ae-footer-composant>
</div>
<!-- END PAGE CONTENT WRAPPER -->
</div>
<!-- END PAGE CONTAINER -->
<ae-quickview-composant></ae-quickview-composant>
<ae-overlay-composant></ae-overlay-composant>
<ae-css-composant></ae-css-composant>
My CSS works with the (1), but not with the (2) because of the generated DOM of angular...
I already try the following, but still not working ...
import { Component, OnInit, ViewEncapsulation} from '#angular/core';
#Component({
selector: 'ae-sidebar-composant',
templateUrl: './sidebar-composant.component.html',
styleUrls: ['./sidebar-composant.component.css'],
encapsulation: **ViewEncapsulation.None**,
})
export class SidebarComposantComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
Does anyone have an idea ?
Thank's
angular uses webpack . You must have a css loader in your webpack.config.js file .
if right, check if you have a src/style.css file in which you can import other styles.
or you can add your css in webpack.config.js as follow :
"styles": [
"./src/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css", // if you have setted up ng-bootstrap ...
]
I want to build a custom Plone theme with Diazo/plone.app.theming, following the instructions of Martin Aspeli in his Book "Professional Plone 4 Developement".
Like in the book I choosed the way to pull in all Plone css (default Sunburst Theme). My problem: All these css are beeing included - except of the public.css. This means a broken edit bar and some other visual issues.
The hack would be to copy the public.css into my resource directory and include it into my own cssregistry.xml. But I want to do it clean.
Why is this single file not included (but the others be)? I reinstalled my theme multiple times to get sure, that all of my changes apply.
This is my cssregistry.xml:
<?xml version="1.0"?>
<object name="portal_css">
<stylesheet id="++theme++myproject.theme/css/main.css"
expression="request/HTTP_X_THEME_ENABLED | nothing"
applyPrefix="True" />
</object>
Here the head-related parts of my rules.xml:
<?xml version="1.0" encoding="UTF-8"?>
<rules
xmlns="http://namespaces.plone.org/diazo"
xmlns:css="http://namespaces.plone.org/diazo/css"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<!-- Rules applying to standard Plone pages -->
<rules css:if-content="#visual-portal-wrapper">
<theme href="index.html" />
<drop theme="/html/head/meta" />
<drop theme="/html/head/title" />
<drop theme="/html/head/base" />
<drop theme="/html/head/style" />
<drop theme="/html/head/script" />
<drop theme="/html/head/link" />
<drop theme="/html/head/comment()" />
<after content="/html/head/meta"
theme-children="/html/head" />
<after content="/html/head/title"
theme-children="/html/head" />
<after content="/html/head/base | /html/head/style | /html/head/script | /html/head/link | /html/head/comment()"
theme-children="/html/head" />
...
That's, how the generated HTML markup of the head-tag looks with my theme enabled:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="Herzlichen Glückwunsch! Sie haben das professionelle Open-Source Content-Management-System Plone erfolgreich installiert." name="description" />
<meta name="viewport" content="width=device-width, initial-scale=0.6666, maximum-scale=1.0, minimum-scale=0.6666" />
<meta name="generator" content="Plone - http://plone.org" />
<title>
Willkommen bei Plone — My-Project</title>
<base href="http://localhost:8080/my-project/front-page" />
<!--[if lt IE 7]> </base> <![endif]-->
<link rel="alternate" data-kss-base-url="kss-base-url" href="http://localhost:8080/my-project/front-page/" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/member.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/base.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/collective.js.jqueryui.custom.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/columns.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/authoring.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/portlets.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/controlpanel.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/deprecated.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/navtree.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/invisibles.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/forms.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/++resource++plone.app.discussion.stylesheets/discussion.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/ploneKss.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/++resource++tinymce.stylesheets/tinymce.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/print.css" />
<link rel="stylesheet" type="text/css" media="handheld, screen and (max-device-width: 480px)" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/mobile.css" />
<!--[if lt IE 8]> <link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/IEFixes.css" /> <![endif]-->
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/++theme++myproject.theme/css/sunburst.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/++theme++myproject.theme/css/main.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://localhost:8080/my-project/portal_css/Sunburst%20Theme/ploneCustom.css" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://localhost:8080/my-project/portal_kss/Sunburst%20Theme/++resource++tinymce.kss/tinymce.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://localhost:8080/my-project/portal_kss/Sunburst%20Theme/at.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://localhost:8080/my-project/portal_kss/Sunburst%20Theme/plone.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://localhost:8080/my-project/portal_kss/Sunburst%20Theme/++resource++plone.app.form.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://localhost:8080/my-project/portal_kss/Sunburst%20Theme/++resource++plone.app.z3cform" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://localhost:8080/my-project/portal_kss/Sunburst%20Theme/ploneformgen.kss" />
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquery.js"></script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/jquery-integration.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquerytools.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquerytools.overlayhelpers.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquerytools.form.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/register_function.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/plone_javascript_variables.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/nodeutilities.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/cookie_functions.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/modernizr.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/livesearch.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++search.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/select_all.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/dragdropreorder.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/collapsiblesections.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/form_tabbing.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/popupforms.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/jquery.highlightsearchterms.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/first_input_focus.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/accessibility.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/styleswitcher.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/toc.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/collapsibleformfields.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.discussion.javascripts/comments.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/dropdown.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/sarissa.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/table_sorter.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/calendar_formfield.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/formUnload.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/formsubmithelpers.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/unlockOnFormUnload.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/tiny_mce.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++kukit.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/tiny_mce_init.js"> </script>
<script type="text/javascript" src="http://localhost:8080/my-project/portal_javascripts/Sunburst%20Theme/collective.js.jqueryui.custom.min.js"> </script>
<link rel="author" href="http://localhost:8080/my-project/author/admin" title="Autoreninformation" />
<link rel="shortcut icon" type="image/x-icon" href="http://localhost:8080/my-project/favicon.ico" />
<link rel="apple-touch-icon" href="http://localhost:8080/my-project/touch_icon.png" />
<script type="text/javascript">
jQuery(function($){
$.datepicker.setDefaults(
jQuery.extend($.datepicker.regional['de'],
{dateFormat: 'dd.mm.yy'}));
});
</script>
<link rel="search" href="http://localhost:8080/my-project/##search" title="Website durchsuchen" />
</head>
And here with my theme disabled:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<base href="http://127.0.0.1:8080/my-project/front-page" /><!--[if lt IE 7]></base><![endif]-->
<meta content="Herzlichen Glückwunsch! Sie haben das professionelle Open-Source Content-Management-System Plone erfolgreich installiert." name="description" />
<link rel="alternate" data-kss-base-url="kss-base-url" href="http://127.0.0.1:8080/my-project/front-page/" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/member.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/base.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/public.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/collective.js.jqueryui.custom.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/columns.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/authoring.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/portlets.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/controlpanel.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/deprecated.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/navtree.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/invisibles.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/forms.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/++resource++plone.app.discussion.stylesheets/discussion.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/ploneKss.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/++resource++tinymce.stylesheets/tinymce.css" />
<link rel="stylesheet" type="text/css" media="print" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/print.css" />
<link rel="stylesheet" type="text/css" media="handheld, screen and (max-device-width: 480px)" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/mobile.css" />
<!--[if lt IE 8]> <link rel="stylesheet" type="text/css" media="screen" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/IEFixes.css" /> <![endif]-->
<link rel="stylesheet" type="text/css" media="all" href="http://127.0.0.1:8080/my-project/portal_css/Sunburst%20Theme/ploneCustom.css" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://127.0.0.1:8080/my-project/portal_kss/Sunburst%20Theme/++resource++tinymce.kss/tinymce.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://127.0.0.1:8080/my-project/portal_kss/Sunburst%20Theme/at.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://127.0.0.1:8080/my-project/portal_kss/Sunburst%20Theme/plone.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://127.0.0.1:8080/my-project/portal_kss/Sunburst%20Theme/++resource++plone.app.form.kss" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://127.0.0.1:8080/my-project/portal_kss/Sunburst%20Theme/++resource++plone.app.z3cform" />
<link rel="stylesheet" data-rel="kinetic-stylesheet" type="text/kss" href="http://127.0.0.1:8080/my-project/portal_kss/Sunburst%20Theme/ploneformgen.kss" />
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquery.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/jquery-integration.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquerytools.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquerytools.overlayhelpers.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.jquerytools.form.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/register_function.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/plone_javascript_variables.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/nodeutilities.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/cookie_functions.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/modernizr.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/livesearch.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++search.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/select_all.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/dragdropreorder.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/collapsiblesections.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/form_tabbing.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/popupforms.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/jquery.highlightsearchterms.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/first_input_focus.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/accessibility.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/styleswitcher.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/toc.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/collapsibleformfields.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++plone.app.discussion.javascripts/comments.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/dropdown.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/sarissa.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/table_sorter.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/calendar_formfield.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/formUnload.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/formsubmithelpers.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/unlockOnFormUnload.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/tiny_mce.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/++resource++kukit.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/tiny_mce_init.js"></script>
<script type="text/javascript" src="http://127.0.0.1:8080/my-project/portal_javascripts/Sunburst%20Theme/collective.js.jqueryui.custom.min.js"></script>
<title>Willkommen bei Plone — My-Project</title>
<link rel="author" href="http://127.0.0.1:8080/my-project/author/admin" title="Autoreninformation" />
<link rel="shortcut icon" type="image/x-icon" href="http://127.0.0.1:8080/my-project/favicon.ico" />
<link rel="apple-touch-icon" href="http://127.0.0.1:8080/my-project/touch_icon.png" />
<script type="text/javascript">
jQuery(function($){
$.datepicker.setDefaults(
jQuery.extend($.datepicker.regional['de'],
{dateFormat: 'dd.mm.yy'}));
});
</script>
<link rel="search" href="http://127.0.0.1:8080/my-project/##search" title="Website durchsuchen" />
<meta name="viewport" content="width=device-width, initial-scale=0.6666, maximum-scale=1.0, minimum-scale=0.6666" />
<meta name="generator" content="Plone - http://plone.org" />
</head>
The obvious difference is the missing link tag to public.css in the first block. Why? Any suggestions, where I have to look to find the source of this error?
Page 158 of Martin's book includes:
If we wanted to selectively turn off some Plone stylesheets when the
theme is in effect, we could have added a tag such as:
<stylesheet id="public.css"
expression="not:request/HTTP_X_THEME_ENABLED | nothing"
/>
Perhaps you used that code in your experiments and the setting remains in your database? In the ZMI, go to the portal_css tool and make sure that the condition field is empty for public.css.