You actually need to use

    &lt;style type=&quot;text/less&quot;&gt;

instead of:

    &lt;style type=&quot;stylesheet/less&quot;&gt;

Otherwise it won&#39;t work.

Remember to place the `&lt;style&gt;` element before the `&lt;script&gt;` element to load less.js.

This has been possible since July 2010, and it works with today&#39;s Less 1.2.0 version.

See the [initial diff that added support for this](https://github.com/cloudhead/less.js/commit/45592cb3cc6c71c4ab493436139f8d1c51e61087).

I need to set different colors for each column in Highcharts graph dynamically. My Highcharts graph is:

&lt;!-- language: lang-js --&gt;
 
    options = {
             chart: {
                 renderTo: &#39;chart&#39;,
                 type: &#39;column&#39;,
                 width: 450
             },
             title: {
                 text: &#39;A glance overview at your contest’s status&#39;
             },
             xAxis: {
                 categories: [&#39;Approved Photos&#39;, &#39;Pending Approval Photos&#39;, 
                              &#39;Votes&#39;, &#39;Entrants&#39;],
                 labels: {
                     //rotation: -45,
                     style: {
                         font: &#39;normal 9px Verdana, sans-serif, arial&#39;
                     }
                 }
             },
             yAxis: {
                 allowDecimals: false,
                 min: 0,
                 title: {
                     text: &#39;Amount&#39;
                 }
             },
             legend: {
                 enabled: false
             },
             series: []
         };
         series = {
             name: &quot;Amount&quot;,
             data: [],
             dataLabels: {
                 enabled: true,
                 color: &#39;#000000&#39;,
                 align: &#39;right&#39;,
                 x: -10,
                 y: 20,
                 formatter: function () {
                     return this.y;
                 },
                 style: {
                     font: &#39;normal 13px Verdana, sans-serif&#39;
                 }
         }
     };

The data is set this way:

    for (var i in Data) {
      if (parseInt(Data[i]) != 0) {
        series.data.push(parseInt(Data[i]));
      } else {
        series.data.push(null);
      }
    }
    options.series.push(series);
    chart = new Highcharts.Chart(options);

How can I dynamically set different colors for each data point in this loop?

set different colors for each column in highcharts

I have a .csv file containing over 70 million lines of which each line is to generate a **Runnable** and then executed by threadpool. This Runnable will insert a record into Mysql.

What&#39;s more , I want to record a position of the csv file for the **RandomAccessFile** to locate. The position is written to a **File**.I want to write this record when all the threads in threadpool are finished.So ThreadPoolExecutor.shutdown() is invoked. But when more lines come, I need a threadpool again. How can I reuse this current threadpool instead of make a new one.

The code is as follows:
	
	public static boolean processPage() throws Exception {
		
		long pos = getPosition();
		long start = System.currentTimeMillis();
		raf.seek(pos);
		if(pos==0)
			raf.readLine();
		for (int i = 0; i &lt; PAGESIZE; i++) {
			String lineStr = raf.readLine();
			if (lineStr == null)
				return false;
			String[] line = lineStr.split(&quot;,&quot;);
			final ExperienceLogDO log = CsvExperienceLog.generateLog(line);
			//System.out.println(&quot;userId: &quot;+log.getUserId()%512);
			
			pool.execute(new Runnable(){
				public void run(){
					try {
						experienceService.insertExperienceLog(log);
					} catch (BaseException e) {
						e.printStackTrace();
					}
				}
			});
			
			long end = System.currentTimeMillis();
		}

		BufferedWriter resultWriter = new BufferedWriter(
				new OutputStreamWriter(new FileOutputStream(new File(
						RESULT_FILENAME), true)));
		resultWriter.write(&quot;\n&quot;);
		resultWriter.write(String.valueOf(raf.getFilePointer()));
		resultWriter.close();
		long time = System.currentTimeMillis()-start;
		System.out.println(time);
		return true;
	}

Thanks !

How can a threadpool be reused after shutdown

For example, is it possible to do something like:

    &lt;style type=&quot;text/less&quot;&gt;
      #foo {
        .bar {
           font-weight: bold;
        }
      }
    &lt;/style&gt;

Is it possible to inline LESS stylesheets?

For example, is it possible to do something like:
<pre><code class="hljs language-php-template">&#x3C;style type="text/less">
 #foo {
 .bar {
 font-weight: bold;
 }
 }
&#x3C;/style>
</code></pre>

`Highcharts` chart option `backgroundColor:&#39;transparent&#39;` showing black on `IE 8`

    histogram = new Highcharts.Chart({
                chart: { renderTo: &#39;histogram&#39;, defaultSeriesType: &#39;bar&#39;,
                         backgroundColor:&#39;transparent&#39;
                }

This works fine on `I.E 9` and others but fails on I.E 8 and Safari anyone has any idea why ?

Highcharts chart option backgroundColor:&#39;transparent&#39; showing black on IE 8

I have a collection of block elements on a page. They all have the CSS rules white-space, overflow, text-overflow set so that overflowing text is trimmed and an ellipsis is used.

However, not all the elements overflow.

Is there anyway I can use javascript to detect which elements are overflowing?

Thanks.

Added: example HTML structure I am working with.

    &lt;td&gt;&lt;span&gt;Normal text&lt;/span&gt;&lt;/td&gt;
    &lt;td&gt;&lt;span&gt;Long text that will be trimmed text&lt;/span&gt;&lt;/td&gt;

The SPAN elements always fit in the cells, they have the ellipsis rule applied. I want to detect when the ellipsis is applied to the text content of the SPAN.

HTML text-overflow ellipsis detection

I am new to pseudo-elements that are prefixed with a double colon. I came across a blog article discussing styling of scrollbars using some webkit only css. Can the pseudo-element CSS be applied to individual elements?

    /* This works by applying style to all scroll bars in window */
    ::-webkit-scrollbar {
        width: 12px;
    }

    /* This does not apply the scrollbar to anything */
    div ::-webkit-scrollbar {
        width: 12px;
    }

In this fiddle, I would like to make the div&#39;s scrollbar customized, but the main window&#39;s scrollbar stay at the default.

http://jsfiddle.net/mrtsherman/4xMUB/1/





Apply webkit scrollbar style to specified element

I&#39;ve just been following the [Sass tutorial][1]. For some reason though the Sass file is not correctly generating the css. The terminal says the css is invalid but I&#39;m pretty sure it&#39;s not. I&#39;ve tried changing it too just in case there was a problem... 

What have I done wrong? 

Sass Version: Sass 3.1.10

Error message:

    error sass/test.sass (Line 3: Invalid CSS after &quot;80%&quot;: 
    expected expression (e.g. 1px, bold), was &quot;;&quot;)


.sass file contents:
    
    /* style.scss */
    #navbar {
      width: 80%;
      height: 23px;
    }


  [1]: http://sass-lang.com/tutorial.html

Sass Invalid CSS Error: &quot;expected expression&quot;

Summary
---
I&#39;m running into an issue using @font-face over HTTPS in IE 7,8,9 - it simply is not loading. It does not matter whether the containing HTML page is hosted on HTTPS or not, **when I try to load the EOT font over HTTP it works, HTTPS it doesn&#39;t**. Has anyone seen this behavior? 

The server hosting the font is sending the proper content-type=&quot;application/vnd.ms-fontobject&quot;

I&#39;ve tried multiple fonts, so it&#39;s not specific to the font.

The fonts were generated over at [Font Squirrel][1]



CSS Syntax
-------
    @font-face {
	font-family: &#39;GothamCondensedBold&#39;;
	src:url(&#39;path/to/fontgothmbcd-webfont.eot&#39;);
	src:url(&#39;path/to/fontgothmbcd-webfont.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;),
		url(&#39;path/to/fontgothmbcd-webfont.woff&#39;) format(&#39;woff&#39;),
		url(&#39;path/to/fontgothmbcd-webfont.ttf&#39;) format(&#39;truetype&#39;),
		url(&#39;path/to/fontgothmbcd-webfont.svg#GothamCondensedBold&#39;) format(&#39;svg&#39;);
	font-weight: normal;
	font-style: normal;
    }

Sample Page
--
http://gregnettles.net/dev/font-face-test.html


  [1]: http://www.fontsquirrel.com/fontface/generator

@font-face EOT not loading over HTTPS

I am using less.css to simplify my css styling.
I&#39;d like to declare a varaible in one less file and share its usage across my many less files. Is this possible? For example:

&lt;!-- language-all: lang-css --&gt;

**english.less**
&gt; @languageFloat: left;

**chart.less**

    div#footer a.web
    {   
        display: block;
        float: @languageFloat;
        color: #cccccc;
        margin-right: 10px;
    }



less.css sharing variables across files

Is there anyway to have LESS apply the immediate child selector ( &gt; ) in its output?

In my style.less, I want to write something like:

    .panel {
        ...
        &gt; .control {
            ...
        }
    }

and have LESS generate something like:

    .panel &gt; .control { ... }

Immediate Child selector in LESS

I started using LESS today. But it&#39;s kinda weird. This code does not work. I get an error:

    ! Variable Name Error: @linkColor in a is undefined.

My bootstrap:

    @import &quot;variables.less&quot;;
    @import &quot;normalize.less&quot;;

variables.less:

    @linkColor:             #08c;
    @linkColorHover:        darken(@linkColor, 15%);

normalize.less:

    a {
    	color: @linkColor;
    }
    a:visited {
    	color: @linkColor;
    }
    a:hover {
    	color: @linkColorHover;
    }

When I make an

&gt; @import &quot;variables.less&quot;

in the normalize.less file, everything works fine.

Thanks for your help :)


Variable Name Error &quot;is undefined&quot; even though &quot;variables.less&quot; imported

I&#39;m trying to use MVC4 bundling to group some of my less files, but it looks like the import path I&#39;m using is off.  My directory structure is:

    static/
        less/
            mixins.less
            admin/
                user.less

In user.less, I&#39;m attempting to import mixins.less using this:

    @import &quot;../mixins.less&quot;;

This used to work for me before when using chirpy with dotless, but now I noticed ELMAH was getting mad at me, saying this:

    System.IO.FileNotFoundException: 
        You are importing a file ending in .less that cannot be found.
    File name: &#39;../mixins.less&#39;

Am I supposed to use a different `@import` with MVC4?

## Some additional info

Here&#39;s the less class and global.asax.cs code I&#39;m using to attempt this:

`LessMinify.cs`

    ...
    public class LessMinify : CssMinify
    {
        public LessMinify() {}

        public override void Process(BundleContext context, BundleResponse response)
        {
            response.Content = Less.Parse(response.Content);
            base.Process(context, response);
        }
    }
    ...

`Global.asax.cs`

    ...
    DynamicFolderBundle lessFB = 
        new DynamicFolderBundle(&quot;less&quot;, new LessMinify(), &quot;*.less&quot;);
        
    BundleTable.Bundles.Add(lessFB);

    Bundle AdminLess = new Bundle(&quot;~/AdminLessBundle&quot;, new LessMinify());
    ...
    AdminLess.AddFile(&quot;~/static/less/admin/user.less&quot;);
    BundleTable.Bundles.Add(AdminLess);
    ...

MVC4 Less Bundle @import Directory

How do you guys do maintenance on CSS built with Less/Sass?

One of the things I like about Dev Tools/Firebug is the ability to see the line number of a css styling. Is there a good way to do this with CSS preprocessors other than having to manually search through the .less/.scss file to find the code I want to modify?




Content Type	Original Author	Original Content on Stackoverflow
Question	David Wolever	View Question on Stackoverflow
Solution 1 - Css	Otto Coster	View Answer on Stackoverflow
Solution 2 - Css	Dan Cecile	View Answer on Stackoverflow

Is it possible to inline LESS stylesheets?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

How can a threadpool be reused after shutdown

set different colors for each column in highcharts

Attributions