jensgro

/* 

Hardboiled CSS3 Media Queries by Andy Clarke:
http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/

Author: Andy Clarke
Web site: http://stuffandnonsense.co.uk
Twitter: http://twitter.com/malarkey

Hardboiled Web Design

jensgro

CSS 2
5.8.1 Matching attributes and attribute values
http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

Attribute selectors may match in four ways:

[att]
Match when the element sets the "att" attribute, 
whatever the value of the attribute.

jensgro

{	scopeName = 'text.html.basic';
	firstLineMatch = '<!DOCTYPE|<(?i:html)|<\?(?i:php)';
	fileTypes = ( 'html', 'htm', 'shtml', 'xhtml', 'phtml', 'php', 'inc', 'tmpl', 'tpl', 'ctp' );
	foldingStartMarker = '(?x)
		(<(?i:head|body|table|thead|tbody|tfoot|tr|div|select|fieldset|style|script|ul|ol|li|form|dl)\b.*?>
		|<!--(?!.*--\s*>)
		|^<!--\ \#tminclude\ (?>.*?-->)$
		|<\?(?:php)?.*\b(if|for(each)?|while)\b.+:
		|\{\{?(if|foreach|capture|literal|foreach|php|section|strip)
		|\{\s*($|\?>\s*$|//|/\*(.*\*/\s*$|(?!.*?\*/)))

jensgro

Inside the HTML- and the HTML5-bundle you should look for the "HTML" or "HTML5"-button and find inside the script the "pattern"-section. Paste the following code right in the beginning of this section.

Source for that trick: http://imulus.com/blog/bruce/javascript/how-to-set-up-a-sexy-jquery-textmate-bundle/

// --------------------- the code that should be copied

{    name = 'source.js.jquery.embedded.html';
            begin = '(?:^\s+)?(<)((?i:script))\b(?![^>]*/>)';
            end = '(?<=</(script|SCRIPT))(>)(?:\s*\n)?';
            beginCaptures = {

jensgro

/**
 * Marker mit 3D-Touch an Contentbox
 */
.box {
 position: relative;
 border: 1px solid #333;
 padding: 2.25em 0.75em 0.75em 0.75em;
}
p {
  margin: 0;

jensgro

/**
 * The -Webkit-scrollbar challenge
 * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Make the first div’s scrollbar like the second’s 
 * without changing the styling of the div (i.e. you
 * can only change the ::-webkit-scrollbar-* rules
 * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * It doesn't matter if the second div doesn't look the same
 * after your changes, it's only there to show you how the
 * end result should look.

jensgro

/**
 * Angled Navigation?
 * to help @Chrisedmo
 */

nav li {
	list-style: none;
	float: left;
}

jensgro

/**
 * Beautiful Skiplinks with CSS3 Transitions
 * Original: http://jsfiddle.net/MoritzGiessmann/DFrVC/
 */

a {
    display:block;
    width:200px;
    height:50px;
    border-radius:0 0 5px 5px;

jensgro

/*
	Ratings Stars
	(with as little code as possible)
*/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}
.rating > span {

jensgro

/**
 * hint-text with a generated arrow
 */

body {background: #fff; padding: 20px;}

.current {position: relative; padding: 20px; background: #a20000; color: #fff; text-decoration: none; font-size: 22px; font-family: Verdana, sans-serif;}

.current:before{
				content: ""; display: block; width: 0; height: 0;