working on it ...

Filters

Explore Public Snippets

Sort by

Found 99 snippets matching: "style sheet"

    public by lbottaro  3058  3  6  0

    How to define CSS style into HTML body of a page

    This simple HTML shows how to define a css style inline into the page body
    <HEAD>
     <STYLE type="text/css">
       #myid {border-width: 1; border: solid; text-align: center}
     </STYLE>
    </HEAD>
    <BODY>
     <H1 class="myclass"> This H1 is not affected </H1>
     <H1 id="myid"> This H1 is affected by style </H1>
     <H1> This H1 is not affected </H1>
    <div id="myid"> This div is affected by style </div>
    </BODY>
    

    external by Ryan  297  0  3  0

    To set a default zoom level in Safari, save the following file to defaultZoom.css. Then in Safari settings, click the Advanced tab. Set the "Style sheet" property to the path to that file.

    To set a default zoom level in Safari, save the following file to defaultZoom.css. Then in Safari settings, click the Advanced tab. Set the "Style sheet" property to the path to that file.: defaultZoom.css
    body {
     zoom: 125%;
    }
    
    

    external by Razouck  40341  0  3  0

    Stylus - Basic Style-sheet

    Stylus - Basic Style-sheet: aye.styl
    
    //* --- Contantes --- */
    
    RAIZ = 16
    ALTR = 24
    
    
    
    //* --- Fórmulas --- */
    
    fi(i = 2, n = 5, r = 2, f0 = 12)
        round(f0 * (r ** (i / n))) / RAIZ em
    
    leading(m)
        x = unit(m, '') * RAIZ
        return round(ALTR / x * (x <= ALTR ? 1 : ceil(x / ALTR)), 6)
    
    
    
    //* --- Folha de Estilos --- */
    
    *,
    ::before,
    ::after
        margin: inherit
        padding: inherit
    
    html
        font-family: Arial, Helvetica, sans-serif
        color: #111
        margin: 0
        padding: 0
    
    for el, i in (small body h6 h5 h4 h3 h2 h1)
        x = fi(i + 1)
        {el}
            font-size: x
            line-height: leading(x)
            
    
    

    external by Morgan Feeney  481  0  3  0

    Same class, same style-sheet, different font-family.

    Same class, same style-sheet, different font-family.: sample.less
    @glyphiconFont: 'Glyphicons Halflings';
    @fontAwesoneFont: 'FontAwesome';
    
    // Glyphicons
    @chevron-left: "\e079";
    @chevron-right: "\e080";
    @plus-sign: "\e081";
    @ok-sign: "\e084";
    @ok: "\e013";
    @triangle-bottom: "\e252";
    @menu-right: "\e258";
    @icon-close: "\e088";
    @map-marker: "\e062";
    
    // Font Awesome
    @fa-var-500px: "\f26e";
    @fa-var-adjust: "\f042";
    @fa-var-adn: "\f170";
    @fa-var-align-center: "\f037";
    @fa-var-align-justify: "\f039";
    @fa-var-align-left: "\f036";
    @fa-var-align-right: "\f038";
    @fa-var-amazon: "\f270";
    
    // Use to extend Glyphicon font-family
    .gl {
    	font-family: @glyphiconFont;
    }
    
    // Use to extend Font Awesome font-family
    .fa {
    	font-family: @fontAwesoneFont;
    }
    
    // Use only the icons you want, not the the entire list of variables
    @icons1:
      chevron-right,
      ok,
      triangle-bottom;
    
    @icons2:
      fa-var-500px,
      fa-var-adjust,
      fa-var-adn;
    
    // Set 1
    .icon {
        .-(@i: length(@icons1)) when (@i > 0) {
            @name: extract(@icons1, @i);
            &-before.@{name}:before,
          	&-after.@{name}:after {
              &:extend(.gl);
              content: @@name
            }
            .-((@i - 1));
        } .-;
    }
    
    // Set 2
    .icon {
        .-(@i: length(@icons2)) when (@i > 0) {
            @name: extract(@icons2, @i);
            &-before.@{name}:before,
          	&-after.@{name}:after {
              &:extend(.fa);
              content: @@name
            }
            .-((@i - 1));
        } .-;
    }
    
    

    external by Lê Hoàng Anh  186  0  2  0

    laravel-style-sheet add a style sheet by class HTML

    laravel-style-sheet add a style sheet by class HTML: laravel_style_sheet.html
    {{HTML::style('css/style.css')}}
    //store 'style.css' in folder app/public/css/
    //folder public store everything, user can review
    
    

    external by coldhawaiian  4049  6  4  0

    Personal style sheet for Atom editor

    Personal style sheet for Atom editor: styles.less
    /*
     * Your Stylesheet
     *
     * This stylesheet is loaded when Atom starts up and is reloaded automatically
     * when it is changed.
     *
     * If you are unfamiliar with LESS, you can read more about it here:
     * http://www.lesscss.org
     */
    
    .tree-view {
    
    }
    
    .editor {
      /* 
       * Use with Base16 Tomorrow Dark theme,
       * https://github.com/atom/base16-tomorrow-dark-theme
       */
      .ruby {
        .entity.name.type {
          text-decoration: none;
        }
      }
    }
    
    .editor .cursor {
    
    }
    
    
    

    external by ChrisCree  34  0  1  0

    To make your Genesis child theme display its version in the style sheet link instead of the Genesis version add this statement to your child theme's functions.php file.

    To make your Genesis child theme display its version in the style sheet link instead of the Genesis version add this statement to your child theme's functions.php file.: childVersion-functions.php
    PHP
    <?php
    // Don't copy opening PHP tag above
    
    // Define child theme version
    define( 'CHILD_THEME_VERSION', wp_get_theme()->get( 'Version' ) );
    
    

    external by edward-jimenez  34  0  1  0

    Enqueue javascript and style sheets

    Enqueue javascript and style sheets: gistfile1.txt
    //style and script information
    function erj_combined_styles_and_scripts() {
    
     wp_enqueue_script( 'erj-combined-javascripts', dirname(__FILE__) . '/js/erj-combined-scripts.js', array(), '1.0.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'erj_combined_styles_and_scripts' );
    
    

    external by AlexanderElias  22  0  1  0

    Edit Style Sheet Javascript

    Edit Style Sheet Javascript: edit-style-sheet.js
    /*
    	var name = 'nav-bar';
    	var selector = '.nav-bar > ul.active';
    	var key = 'transform';
    	
    	getRule(name, selector, key, function (sTransform) {
    		var values = getTranslateValues(sTransform);
    		var x = values[0] - 100;
    		var y = values[1];
    		var z = values[2];
    	
    		setRule(name, selector, key, 'translate3d('+ x +'%,'+ y +'%,'+ z +')', function () {
    		});
    	});
    
    */
    
    function getStyleSheet (title) {
    	var styleSheets = document.styleSheets;
    	for (var i = 0, l = styleSheets.length; i < l; i++) {
    		if (styleSheets[i].title === title) return styleSheets[i];
    	}
    	return null;
    }
    
    function getRulesList(title) {
    	var styleSheet = getStyleSheet(title);
    	return styleSheet.cssRules;
    }
    
    function setRule(title, selector, key, value, callback) {
    	var rules = getRulesList(title);
    
    	each(rules, function (rule) {
    		if (rule.constructor === CSSMediaRule) {
    			each(rule.cssRules, function (mRule) {
    				if (mRule.selectorText === selector) {
    					mRule.style[key] = value;
    					return callback();
    				}
    			});
    		} else if (rule.constructor === CSSStyleRule) {
    			if (rule.selectorText === selector) {
    				rule.style[key] = value;
    				return callback();
    			}
    		}
    	});
    }
    
    function getRule(title, selector, key, callback) {
    	var rules = getRulesList(title);
    
    	each(rules, function (rule) {
    		if (rule.constructor === CSSMediaRule) {
    			each(rule.cssRules, function (mRule) {
    				if (mRule.selectorText === selector && mRule.style[key]) return callback(mRule.style[key]);
    			});
    		} else if (rule.constructor === CSSStyleRule) {
    			if (rule.selectorText === selector && rule.style[key]) return callback(rule.style[key]);
    		}
    	});
    }
    
    function each (array, callback, scope) {
    	for (var i = 0, l = array.length; i < l; i++) {
    		var statment = callback.call(scope, array[i], i);
    		if (statment === 'break') break;
    		else if (statment === 'continue') continue;
    	}
    }
    
    
    // internal
    function getTranslateValues (string) {
    	string = string.replace(/(-o-)|(-ms-)|(-moz-)|(-webkit-)|(translate)|(X)|(Y)|(3d)|(%)|(px)|(\()|(\))|(;)/g, '');
    
    	var values = string.split(',');
    
    	each(values, function (value, index) {
    		values[index] = value.trim();
    		values[index] = parseInt(values[index]);
    	});
    
    	return values;
    }
    
    

    external by Github  22  0  1  0

    Yes, I love it! http://cordesfoundation.org/index.php/cheap-ivermectin-horse-wormer.pdf verse harder cheap ivermectin for horses glowing Written in HTML5, JavaScript and CSS (Cascading Style Sheets), packaged apps run in a stripped-down frame minus an...

    Yes, I love it! http://cordesfoundation.org/index.php/cheap-ivermectin-horse-wormer.pdf verse harder cheap ivermectin for horses glowing Written in HTML5, JavaScript and CSS (Cascading Style Sheets), packaged apps run in a stripped-down frame minus any browser "chrome" -- the address bar, toolbar, menus -- so that they look more like a native appl
    Yes, I love it! http://cordesfoundation.org/index.php/cheap-ivermectin-horse-wormer.pdf verse harder cheap ivermectin for horses glowing  Written in HTML5, JavaScript and CSS (Cascading Style Sheets), packaged apps run in a stripped-down frame minus any browser "chrome" -- the address bar, toolbar, menus -- so that they look more like a native application on Windows, OS X or Linux.
     http://www.groenegeneratie.nl/nexium-40-mg-tablets-buy.pdf hat required where can i buy esomeprazole remove  While Uruguay has been on a progressive tear recently, legalizing gay marriage and passing South America’s most liberal abortion law, legislators here insist the marijuana bill is more about domestic security than pushing a progressive agenda.
     
    
    
    • Public Snippets
    • Channels Snippets