Comments (4)
The problem does not lie with pelican-bootstrap3. The pygments.css
file is explicitly included after bootstrap.min.css
, so any rules present in both will be overridden by pygments.css
. The problem I'm seeing, is that the CSS files generated by Pygments, don't include a directive for the background-color
of the whole pre
section. The only background-color
I'm seeing is (with the Pygments theme I chose): .hll { background-color: #49483e }
. So somehow, Bootstrap's pre
rule takes precedence there.
Maybe it's a problem with the way Pelican calls pygmentize
, and the way the HTML is generated for the codeblocks, or the problem is with the generated CSS files.
The only solution for now, is to include a rule .highlight pre
in style.css
.
from pelican-themes.
I was just wondering whether there is a generic way to clear bootstrap's pre
directive. In a dynamic language one would call this "monkey-patching". If one cannot achieve this with CSS, HTML, or JavaScript, I'll stay with my current workaround to fix it by removing the pre
upstream in the bootstrap LESS code.
BTW: depending on the Pygments style, there are more background-color
rules. I haven't found any way yet either to call pygments
in a way to work around the pre
collision.
from pelican-themes.
Note that the hll
is for highlighted lines, not all lines.
This works for me with bootstrap (my code is classed as 'codehilight'):
.codehilite pre { color: inherit; background: inherit; background-color: inherit; font-style: inherit; text-decoration: inherit; font-weight: inherit; }
from pelican-themes.
That doesn't actually solve the aforementioned problem. Somehow, the CSS that Pygments outputs by default, isn't specific enough, so you'll end up with the background color as defined by your Bootswatch theme or Bootstrap.
from pelican-themes.
Related Issues (20)
- Feature Request: Add notion theme template.
- Internal server error on http://www.pelicanthemes.com/ HOT 2
- Can't add social links
- "bricks" theme: can't add social links HOT 3
- http://www.pelicanthemes.com/ not working HOT 4
- Lab theme is broken HOT 3
- bootstrap3 theme integrates tipue_search which is abandoned
- pelican-bootstrap3: add support of `LINKS_WIDGET_NAME` and `SOCIAL_WIDGET_NAME`
- Pure theme repo is not exists anymore. HOT 1
- pelican-striped-html5up: TypeError: not all arguments converted during string formatting
- 'pure' repository does not exist HOT 1
- pelicanthemes.com website throwing 500s HOT 19
- Alternate themes preview using Github Pages HOT 13
- Seeking sample content for theme dev/testing HOT 2
- Application error HOT 2
- What is the name of this theme? HOT 1
- "[Errno 13] Permission denied ,install themes HOT 1
- Live Version is down HOT 1
- Pelican Themes site down HOT 1
- the live site is down HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pelican-themes.