css

Make SVG path take full width and height of screen

由 走远了吗. 提交于 2021-02-18 07:43:19
问题 I have an inline SVG path that animates a dash to look like the snake game. Now my question is how to get this path to take up the full width and height of the screen and act responsive if the screen goes smaller or bigger. HTML <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 659 522" enable-background="new 0 0 659 522" xml:space="preserve"> <path class="path" width="100%"

Browser does not render WOFF fonts (@font-face)

由 為{幸葍}努か 提交于 2021-02-18 07:43:08
问题 Ok, I have an issue that I cannot figure out, I am trying to research usage of WOFF fonts in Internet Explorer 10. I downloaded kit from fontsquirrel, and based on the included CSS and HTML files I added fonts to web application. (ASP.NET MVC on IIS 7) Now TTF fonts work perfectly fine in Firefox and Chrome (IE does not support it), however WOFF fonts do not seem to be working at all (they are supposed to be supported by all newer browsers). If I remove TTF section from below - Firefox and

Re-displaying the current heading after a page break

由 吃可爱长大的小学妹 提交于 2021-02-18 06:59:24
问题 I'm creating a document with WeasyPrint. I have sections that have names, some of which might span across multiple pages. When a section is too long, a page break occurs. What I am trying to do is to re-display the current section's name, ideally with the same formatting. The following MWE shows how the section title is not displayed after a page break: <html> <body> <h1>First section</h1> <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p style="break

Re-displaying the current heading after a page break

由 烂漫一生 提交于 2021-02-18 06:59:09
问题 I'm creating a document with WeasyPrint. I have sections that have names, some of which might span across multiple pages. When a section is too long, a page break occurs. What I am trying to do is to re-display the current section's name, ideally with the same formatting. The following MWE shows how the section title is not displayed after a page break: <html> <body> <h1>First section</h1> <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p>Lorem ipsum...</p> <p style="break

Python Svgwrite and font styles/ sizes

由 ぃ、小莉子 提交于 2021-02-18 06:58:11
问题 I'm trying to make a SVG file connected to a web scraper. How do I change font and text size with svgwrite? I understand that I have to define a CSS style and somehow connect that to the text object. But how is this made? Here's the code I have so far import svgwrite svg_document = svgwrite.Drawing(filename = "test-svgwrite3.svg", size = ("1200px", "800px")) #This is the line I'm stuck at #svg_document.add(svg_document.style('style="font-family: Arial; font-size : 34;')) svg_document.add(svg

webpack-dev-server how to reload css without page refresh

由 半城伤御伤魂 提交于 2021-02-18 06:47:08
问题 When I change styles in my .vue files and .css files, I dont' want the page to refresh, and I want the style auto change. But now page always refresh when I change the styles. I'm using the vue-cli to generate the webpack config file. as below webpack.dev.conf.js const devWebpackConfig = merge(baseWebpackConfig, { module: { rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: false }) }, // cheap-module-eval-source-map is faster for development devtool: config.dev

Change color of Sticky text when its active

由 守給你的承諾、 提交于 2021-02-18 06:45:13
问题 I was looking at nice timeline script and wanted to use, i made several change to css as per my design but I was wondering if i could change the color of active year from gray to red when page is being scrolled, I looked at the code and found that when page is scrolled no class is changed to relect sticky behaviour of the active year. #timeline h3 { position: -webkit-sticky; position: sticky; top: 5rem; color: #888; margin: 0; font-size: 1em; font-weight: 400; } Can we change color of active

CSS PX to Percentage [closed]

由 Deadly 提交于 2021-02-18 06:43:40
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 1 year ago . Improve this question Ok so this question seems to have been asked a fair few times but still haven't managed to get the plain simple answer I'm after from looking at others questions so will ask this my own way. I'm wanting to create a site with a container in CSS as follows:

CSS PX to Percentage [closed]

由 若如初见. 提交于 2021-02-18 06:43:14
问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 1 year ago . Improve this question Ok so this question seems to have been asked a fair few times but still haven't managed to get the plain simple answer I'm after from looking at others questions so will ask this my own way. I'm wanting to create a site with a container in CSS as follows:

Matplotlib table formatting column width

由 爷，独闯天下 提交于 2021-02-18 06:42:08
问题 I wish to format one column of a table but when iterating through the rows it appears the width of the column width changes after each iteration. Source Code def p_create_table(self, events, dates, rows, columns, portfolio): """ :param events: Dict - {Date:Event} where Event is a String identifying what event happened :param dates: List - Dates of events :param rows: Int - number of Dates (rows) to create for the table :param columns: List - Column headers :param portfolio: Dataframe -
订阅 css