Alireza Saberi alireza-saberi

## placeholderstyle.scss
::-webkit-input-placeholder { /* Chrome */
  color: red;
}
:-ms-input-placeholder { /* IE 10+ */
  color: red;
}
::-moz-placeholder { /* Firefox 19+ */
  color: red;
  opacity: 1;
}

## iosinputbox.scss
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

## general.scss
// z-index only works on positioned elements (absolute, relative or fixed) :)
// if you have statice element you have to change
// example
.navbar-header {
    position: relative;
    z-index:1;
}


// trick of shrinking a text to three dots

## new checkbox
input[type="radio"] {
  visibility: hidden;
  position: relative;
}


input[type="radio"]:after{
	visibility: visible;
    position: absolute;
    content: "";

## navbar_animated.scss
.navbar-toggle {
  border: none;
  background: transparent !important;

  &:hover {
    background: transparent !important;
  }

  .icon-bar {
    width: 22px;

## new_checkbox.css
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;

## growing_underline.css
&:after {
          display:block;
          content: '';
          border-bottom: solid 3px #ffcd00;
          transform: scaleX(0);
          transition: transform 250ms ease-in-out;
          transform-origin:0 50%;
          box-sizing: border-box;
}

## responsive_background_image.csss
    background-image: url('') ;
    background-position: center center;
    background-repeat:  no-repeat;
    background-attachment: fixed;
    background-size:  cover;
    background-color: #999;

## big-mistake-facebook.js
var bigMistakeStyle = 'color: red; font-size: 60px font-weight: bold; font-family: helvetica, text-shadow: 1px 1px 2px black;'
console.log('%c STOP!', bigMistakeStyle);

## animation.html
<!doctype html>
<html>
    <head>
        <style>
            #container {
                width: 200px;
                height: 200px;
                background: green;
                position: relative;
            }
	::-webkit-input-placeholder { /* Chrome */
	color: red;
	}
	:-ms-input-placeholder { /* IE 10+ */
	color: red;
	}
	::-moz-placeholder { /* Firefox 19+ */
	color: red;
	opacity: 1;
	}
	input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}
	// z-index only works on positioned elements (absolute, relative or fixed) :)
	// if you have statice element you have to change
	// example
	.navbar-header {
	position: relative;
	z-index:1;
	}


	// trick of shrinking a text to three dots
	input[type="radio"] {
	visibility: hidden;
	position: relative;
	}


	input[type="radio"]:after{
	visibility: visible;
	position: absolute;
	content: "";
	.navbar-toggle {
	border: none;
	background: transparent !important;

	&:hover {
	background: transparent !important;
	}

	.icon-bar {
	width: 22px;
	input[type="checkbox"] {
	display:none;
	}
	input[type="checkbox"] + label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-2px 10px 0 0;
	vertical-align:middle;
	background:url(check_radio_sheet.png) left top no-repeat;
	&:after {
	display:block;
	content: '';
	border-bottom: solid 3px #ffcd00;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
	transform-origin:0 50%;
	box-sizing: border-box;
	}
	background-image: url('') ;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #999;
	var bigMistakeStyle = 'color: red; font-size: 60px font-weight: bold; font-family: helvetica, text-shadow: 1px 1px 2px black;'
	console.log('%c STOP!', bigMistakeStyle);
	<!doctype html>
	<html>
	<head>
	<style>
	#container {
	width: 200px;
	height: 200px;
	background: green;
	position: relative;
	}