Thursday, November 13, 2014

how to transfer domain from CrazyDomains

Today i have search EPP code to transfer domain from crazydomains. which is required to prove you own the domain, before you begin the transfer to a new domain service provider.


In the end, the key was right in front of me – but being unused to the layout of CrazyDomains, I couldn’t find it. However I did end up finding the key, so here are instructions:

trnasfer


  1. Login to your crazydomains domain account

  2. Click on the blue square in the menu row of squares that says “Domains”.

  3. Click on “Manage” in the left bar that appears.

  4. Click on “Registry Key” in the center blue bar.

  5. In the page that loads, copy your registry key over for verification by your new domain provider.

 


transfer2


now you can easily transfer from crazydomains to others domain provider :)




how to transfer domain from CrazyDomains

Saturday, October 11, 2014

A Complete Reference Library of Bootstrap Classes

This post is old. i have found in archive.org so thing share who need details.

Bootstrap is currently the most used pre-fabricated CSS style sheet framework in existence today. It is used by millions of webpages and can be used to create any type of website using any type of content management system. Using Bootstrap reduces chances of errors and frees the developer from menial CSS coding to focus on more important stuff.


 










































































































































































































































































































































































































































































































































































































ClassTypeUseUsage Example
.hide-textMiscellaneousHide div text. A great hack for embedding invisible data in a webpage.——-
.input-block-levelForms (Base CSS)Create a elongated block shaped input fieldhttp://getbootstrap.com/2.3.2/base-css.html#forms
.img-roundedImages (Base CSS)This creates an image element in which the image is displayed with rounded cornershttp://getbootstrap.com/2.3.2/base-css.html#images
.img-polaroidImages (Base CSS)This creates an image element with a broad border that gives the feel of a poloroid imagehttp://getbootstrap.com/2.3.2/base-css.html#images
.img-circleImages (Base CSS)This creates an image element in which the image is dispaled in a circle. The image is cropped accordingly.http://getbootstrap.com/2.3.2/base-css.html#images
.rowGrid System (Scaffolding)Create a basic row for displaying content. Default length of the row is full 12 colums i.e. 940 px, but it can be chanaged using span classes. Alos with responsive classes added, the grid can adapt to 724px and 1170px length depending upon viewport. In responsive the columns become fulid and stack vertically.http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem
.containerLayout (Scaffolding)Provides a fixed layout for the content. You can add rows with different spans inside it to create multi columned layout.http://getbootstrap.com/2.3.2/scaffolding.html#layouts
.span1 – .span12Grid System (Scaffolding)This class can be used to define the length of a component. This length is represented in number of columns for example for a conatiner spanning 4 columns use class span4. There are 12 lenth classes span1 to span12. The default lenth of each span is 60 px with 5px border on all sides.http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem
.offset1 – .offset12Grid System (Scaffolding)This class allows you to move the content by a desired amount of space. Here this spae is counted in terns of number of columns. Thus if you you use offset2 class you will skip 2 colums and display in the third one.http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem
.row-fluidFluid Grid System (Scaffolding)The same as row class, with the only difference being that row-fluid creates responsive rows with fluid layouthttp://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem
.container-fluidFluid Grid System (Scaffolding)The same as container class, with the only difference being that container-fluid creates responsive rows with fluid layouthttp://getbootstrap.com/2.3.2/scaffolding.html#fluidGridSystem
.leadTypography (Base CSS)Make a paragraph stand out by adding .leadhttp://getbootstrap.com/2.3.2/base-css.html#typography
.mutedTypography (Base CSS)an emphasis class that changes the value of text color to #999999. Gives a subtle emaphis to the text.http://getbootstrap.com/2.3.2/base-css.html#typography
.text-warningTypography (Base CSS)This class changes the text color to bright orange, the standard color of warning texthttp://getbootstrap.com/2.3.2/base-css.html#typography
.text-errorTypography (Base CSS)This class changes the text color to bright red, the standard color of error texthttp://getbootstrap.com/2.3.2/base-css.html#typography
.text-infoTypography (Base CSS)This class changes the text color to Blue color. This is specially use ful when depicting some technical information or in typography in general.http://getbootstrap.com/2.3.2/base-css.html#typography
.text-successTypography (Base CSS)This class changes the text color to Green, the standard programming color to denote successful operation. Very useful in creating user driven websites and websites that require user inputs.http://getbootstrap.com/2.3.2/base-css.html#typography
.text-leftTypography (Base CSS)This class changes alignement of the text from default to left alingnedhttp://getbootstrap.com/2.3.2/base-css.html#typography
.text-rightTypography (Base CSS)This class changes alignement of the text from default to left alingnedhttp://getbootstrap.com/2.3.2/base-css.html#typography
.text-centerTypography (Base CSS)This class changes alignement of the text from default to center aligned alingnedhttp://getbootstrap.com/2.3.2/base-css.html#typography
.page-headerTypography (Components)This class will give the div a bottom padding of 9px, top and bottom margin of 20 px and 30 px respectively, and a grey colored (#eeeeee) solid 1 px bottom borderhttp://getbootstrap.com/2.3.2/components.html#typography
.dl-horizontalTypography (Base CSS)The go-to class for styling horizontal datalists. It also styles nestesd <dd> and <dl> HTML 5 tagshttp://getbootstrap.com/2.3.2/base-css.html#typography
.pre-scrollableCode (Base CSS)This class will set a maximum height of 350px of a content box and provide a y axis scroll bar on the div

</tr><br /><br /><br />

<tr><br /><br /><br />


<td>.label</td><br /><br /><br />


<td>Labels and badges (Component)</td><br /><br /><br />


<td>A basic component of Bootstrap that allow you to create volored labels that can highlight content. By default the color is light grey (#999999)</td><br /><br /><br />


<td><a rel=” rel=”nofollow”>http://getbootstrap.com/2.3.2/components.html#labels-badges

.badgeLabels and badges (Component)It is nearly the same as lable class but has some subtel diffrences such as a little broader left and right padding padding and a little larger border radiushttp://getbootstrap.com/2.3.2/components.html#labels-badges
.label-importantLabels and badges (Component)Same as lable class but with back ground color #953b39 (Red)http://getbootstrap.com/2.3.2/components.html#labels-badges
.badge-importantLabels and badges (Component)Same as badge class but with back ground color #953b39 (Red)http://getbootstrap.com/2.3.2/components.html#labels-badges
.label-warningLabels and badges (Component)Same as badge class but with back ground color #f89406 (Orange)http://getbootstrap.com/2.3.2/components.html#labels-badges
.badge-warningLabels and badges (Component)Same as badge class but with back ground color #f89406 (Orange)http://getbootstrap.com/2.3.2/components.html#labels-badges
.label-successLabels and badges (Component)Same as lable class but with back ground color #468847 (Green)http://getbootstrap.com/2.3.2/components.html#labels-badges
.badge-successLabels and badges (Component)Same as badge class but with back ground color #468847 (Green)http://getbootstrap.com/2.3.2/components.html#labels-badges
.label-infoLabels and badges (Component)Same as lable class but with back ground color #3a87ad (Blue)http://getbootstrap.com/2.3.2/components.html#labels-badges
.badge-infoLabels and badges (Component)Same as badge class but with back ground color #3a87ad (Blue)http://getbootstrap.com/2.3.2/components.html#labels-badges
.label-inverseLabels and badges (Component)Same as lable class but with back ground color as Black and text color as whitehttp://getbootstrap.com/2.3.2/components.html#labels-badges
.badge-inverseLabels and badges (Component)Same as badge class but with back ground color as Black and text color as whitehttp://getbootstrap.com/2.3.2/components.html#labels-badges
.tableTables (Base CSS)Basic bootstrap class to create a table. Mostly used in conjunction with <table> taghttp://getbootstrap.com/2.3.2/base-css.html#tables
.table-borderedTables (Base CSS)A basic Bootstap table class that will create a table with visible solid borderhttp://getbootstrap.com/2.3.2/base-css.html#tables
.table-stripedTables (Base CSS)An interesting bootstrap table class that will style a table into a zebra-stripe pattern i.e. the first row would be of light grey color the next white the next grey and so on.http://getbootstrap.com/2.3.2/base-css.html#tables
.table-hoverTables (Base CSS)Another intresting table class in which the row will change color whenever you will hover your mouse over it. A great and useful effect.http://getbootstrap.com/2.3.2/base-css.html#tables
<code>Bottstrap specific TagA tag unique to bootstrap that can be used to style programming code that has to be displayed in a page. A very useful tag for technical blogs and websites.http://getbootstrap.com/2.3.2/base-css.html#typography
<pre>Bottstrap specific Taga tag for representing multiple lines of codehttp://getbootstrap.com/2.3.2/base-css.html#typography
<section>Bottstrap specific TagA tag for presenting small sections of codehttp://getbootstrap.com/2.3.2/base-css.html#typography
<Address>Bottstrap specific TagA useful tag for styling Addresses that have to be displayed.http://getbootstrap.com/2.3.2/base-css.html#typography
<blockquote>Bottstrap specific TagThis tag can be used to embed quotes in a stylized block.http://getbootstrap.com/2.3.2/bootstrap/base-css.html#typography
.input-miniForms (Base CSS)Creates a very small input area the size of 60pxhttp://getbootstrap.com/2.3.2/base-css.html#forms
.input-smallForms (Base CSS)Create a small input area of the size of 90 pxhttp://getbootstrap.com/2.3.2/base-css.html#forms
.input-mediumForms (Base CSS)Create a medium sized input area of the size of 150pxhttp://getbootstrap.com/2.3.2/base-css.html#forms
.input-largeForms (Base CSS)Create a large input area of the size of 210pxhttp://getbootstrap.com/2.3.2/base-css.html#forms
input-xlargeForms (Base CSS)Create a extra large input area of the size of 270pxhttp://getbootstrap.com/2.3.2/base-css.html#forms
.input-xxlargeForms (Base CSS)Create a extra extra large input area of the size of 530 pxhttp://getbootstrap.com/2.3.2/base-css.html#forms
.controls-rowForms (Base CSS)A modifier class used for controlling proper spacing between input boxes. Most used for creating multiple input forms.http://getbootstrap.com/2.3.2/base-css.html#forms
.contol-group.warningForms (Base CSS)A bootstrap validation class that shows warning message in orange color around the inputhttp://getbootstrap.com/2.3.2/base-css.html#forms
.contol-group.errorForms (Base CSS)A bootstrap validation class that shows error message in red color around the inputhttp://getbootstrap.com/2.3.2/base-css.html#forms
.contol-group.infoForms (Base CSS)A bootstrap validation class that shows special information message in blue color around the inputhttp://getbootstrap.com/2.3.2/base-css.html#forms
.contol-group.successForms (Base CSS)A bootstrap validation class that shows success message in green color around the inputhttp://getbootstrap.com/2.3.2/base-css.html#forms
.form-actionsForms (Base CSS)This class will automatically line up the indentation of the buttons in the div with the form controlshttp://getbootstrap.com/2.3.2/base-css.html#forms
.help-blockForms (Base CSS)This class can be used to create a block type text class. Its best suited to display help text beside input boxeshttp://getbootstrap.com/2.3.2/base-css.html#forms
.help-inlineForms (Base CSS)Same as help-block class with diffrence being that is mostly used to display help text in the same line as the inputhttp://getbootstrap.com/2.3.2/base-css.html#forms
.form-searchForms (Base CSS)A class dedicated for craeting search input boxeshttp://getbootstrap.com/2.3.2/base-css.html#forms
.form-inlineForms (Base CSS)A class used for creting multiple input boxes in a same line. Mostly used by websites that have space constraintshttp://getbootstrap.com/2.3.2/base-css.html#forms
.form-horizontalForms (Base CSS)The basic form class used for creating horizontal input boxes.http://getbootstrap.com/2.3.2/base-css.html#forms
.control-groupForms (Base CSS)A control class for taking common types of inputs such as emails, passwords and useer ids, especially in horizontal formshttp://getbootstrap.com/2.3.2/base-css.html#forms
.uneditable-inputForms (Base CSS)As the name it self suggest this class creates a input form that is not editable without accessing the actual form markuphttp://getbootstrap.com/2.3.2/base-css.html#forms
.uneditable-textareaForms (Base CSS)Same as the uneditable-input but a instead an uneditable text area.http://getbootstrap.com/2.3.2/base-css.html#forms
.radioForms (Base CSS)Bootstrap’s radio Input Buttonhttp://getbootstrap.com/2.3.2/base-css.html#forms
.checkboxForms (Base CSS)Bootstrap’s checkbox input buttonhttp://getbootstrap.com/2.3.2/base-css.html#forms
.btnButtons (Base CSS)Standard white colored Bootstrap button. It has dedicated hover, focus, active, and disabled pseudo calsseshttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-largeButtons (Base CSS)A large button with padding size of 11px by 19pxhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-smallButtons (Base CSS)A relatively smaller button with padding size of 2px by 10pxhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-miniButtons (Base CSS)A very small button with padding size of 0px by 6pxhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-blockButtons (Base CSS)A very large button that spans the whole lenth of its parent classhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-primaryButtons (Base CSS)Creates a Dark blue colored button that gives extra weight to to the button, complete with borders, white font and shadows.http://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-warningButtons (Base CSS)This class creates an onange colored warning buttonhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-dangerButtons (Base CSS)This class is used to create a red colored danger buttonhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-inverseButtons (Base CSS)This class inverses the color of button and text, i.e. it creates a dark greay colored button with white fonthttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-successButtons (Base CSS)Create a green colored button that signifies successhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-infoButtons (Base CSS)Used to create a light blue colored button that is best used for displaying informationhttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-linkButtons (Base CSS)A very clever class that makes a button that has no border or clor just blue text. Makes the text looks like a hyperlink which instead acts like a button.http://getbootstrap.com/2.3.2/base-css.html#buttons
.icon-whiteIcons (Base CSS)This class is used to diplay permanent hover or clicked state of an element. Mostly used for showing parent and child tabshttp://getbootstrap.com/2.3.2/base-css.html#icons
.dropdown-menuDropdown Menu (Components)The basic class for creating drop down menues. Its used as an unordered listhttp://getbootstrap.com/2.3.2/components.html#dropdowns
.dropdown-submenuDropdown Menu (Components)A class that is used to create nested dropdown menues or second level dropdown menueshttp://getbootstrap.com/2.3.2/components.html#navs
.icon-glass140 iconsone of the 140 icons that comes with bootstrap.http://getbootstrap.com/2.3.2/base-css.html#icons
.icon-music140 iconsone of the 140 icons that comes with bootstrap.http://getbootstrap.com/2.3.2/base-css.html#icons
.icon-search140 iconsone of the 140 icons that comes with bootstrap.http://getbootstrap.com/2.3.2/base-css.html#icons
.icon-envelope140 iconsone of the 140 icons that comes with bootstraphttp://getbootstrap.com/2.3.2/base-css.html#icons
.icon-heart140 iconsone of the 140 icons that comes with bootstraphttp://getbootstrap.com/2.3.2/base-css.html#icons
.btn-groupButtons (Base CSS)This class is used to create groups of buttonshttp://getbootstrap.com/2.3.2/base-css.html#buttons
.btn-toolbarButtons (Base CSS)This class is used to create a group of button-groups or in other words button tool barshttp://getbootstrap.com/2.3.2/base-css.html#buttons
.navNavigational buttons (Components)The parent class of types of navigational button classeshttp://getbootstrap.com/2.3.2/components.html#navs
.nav-headerNavigational buttons (Components)This class is used to create a navigational list in the header. It can also be used for creating table of

content

http://getbootstrap.com/2.3.2/components.html#navs
.nav-pillsNavigational buttons (Components)A sub class of .nav, this class is used to create a list of pill shaped navigational buttons.http://getbootstrap.com/2.3.2/components.html#navs
.nav-listNavigational buttons (Components)A basic sub class used for creating navigational listshttp://getbootstrap.com/2.3.2/components.html#navs
.nav-tabsNavigational buttons (Components)A sub class of .nav, this class is used to create tab shaped navigational buttons. Each tab takes to a

different page

http://getbootstrap.com/2.3.2/components.html#navs
.tabbableNavigational buttons (Components)A creative plugin class that allows you to switch from one content piece to another through tabs. It hasfour different styles for tabs up (default), down, right, and left.http://getbootstrap.com/2.3.2/components.html#navs
.tab-paneNavigational buttons (Components)this class is used for creating content panes that are switched through tabballe classhttp://getbootstrap.com/2.3.2/components.html#navs
.tabs-belowNavigational buttons (Components)This is subclass that is used in conjunction with tabbable and nav-tabs. This class changes the stle of thetabs. The tab hangs down as opposed to up (the default syle)http://getbootstrap.com/2.3.2/components.html#navs
.tabs-leftNavigational buttons (Components)This is subclass that is used in conjunction with tabbable and nav-tabs. This class changes the stle of thetabs. The tab are pulled to left as opposed to up (the default syle)http://getbootstrap.com/2.3.2/components.html#navs
.tabs-rightNavigational buttons (Components)This is subclass that is used in conjunction with tabbable and nav-tabs. This class changes the stle of thetabs. The tabs are pulled to right as opposed to up (the default syle)http://getbootstrap.com/2.3.2/components.html#navs
.tab-contentNavigational buttons (Components)This is the class that is used to embed switchable content in the website. This class is used inconjunction with tabbable and nav-tabshttp://getbootstrap.com/2.3.2/components.html#navs
.nav-stackedNavigational buttons (Components)A sub class that is used to create stacked navigational buttons. When combined with nav-pills and nav-tabsclass it create stacked nav tabs and nav pillshttp://getbootstrap.com/2.3.2/components.html#navs
.navbarNavigational buttons (Components)The main class used for creating a navbar, which is usually used in conjuncture with secondary navbarclasses to get desired effectshttp://getbootstrap.com/2.3.2/components.html#navbar
.navbar-inverseNavigational buttons (Components)Create a nav bar with inverted colors, i.e. black background with white fonthttp://getbootstrap.com/2.3.2/components.html#navbar
.navbar-formNavigational buttons (Components)This is the class that is used to integrate form elements in the navbar, like submit input boxes, userid-pass etc. You can align the form using pull-left or pull-right classeshttp://getbootstrap.com/2.3.2/components.html#navbar
.navbar-searchNavigational buttons (Components)This class is used to specifiacally embed search formshttp://getbootstrap.com/2.3.2/components.html#navbar
.navbar-static-topNavigational buttons (Components)Use this class to create a navbar that sticks to the top of the page and scrolls with the page.http://getbootstrap.com/2.3.2/components.html#navbar
.navbar-fixed-topNavigational buttons (Components)Use this class to create navbar that sticks to the top of the viewporthttp://getbootstrap.com/2.3.2/components.html#navbar
.navbar-fixed-bottomNavigational buttons (Components)Use this class to create navbars that sticks to the bottom ov the viewporthttp://getbootstrap.com/2.3.2/components.html#navbar
.breadcrumbbreadcrumb trail navigationThe main classed used to implement breadcrumb navigationhttp://getbootstrap.com/2.3.2/components.html#breadcrumbs
.paginationPagination (Component)Standard bootstrap class to create page-number style navigation buttonshttp://getbootstrap.com/2.3.2/components.html#pagination
.thumbnailThumbnail (Component)Bootstrap class to style images in different thumbnail sizes.http://getbootstrap.com/2.3.2/components.html#thumbnails
.alertAlerts (Components)This class creates a inpage closable alert box. Its mostly used for displaying alert messages orerrors.http://getbootstrap.com/2.3.2/components.html#alerts
.alert-successAlerts (Components)A alert message box with green colored styling that coud be used to confirm successful actionshttp://getbootstrap.com/2.3.2/components.html#alerts
.alert-dangerAlerts (Components)A alert message box with red colored styling that coud be used to depict errors or unauthorisedactions.http://getbootstrap.com/2.3.2/components.html#alerts
.alert-errorAlerts (Components)Same as alert-danger classhttp://getbootstrap.com/2.3.2/components.html#alerts
.alert-infoAlerts (Components)A alert message box with blue colored styling that coud be used display relevant information in-pagepopupshttp://getbootstrap.com/2.3.2/components.html#alerts
.alert-blockAlerts (Components)this creats a block sized alert message box.http://getbootstrap.com/2.3.2/components.html#alerts
.progressmiscellaneousUse this class to implement progress bars in webpages.http://getbootstrap.com/2.3.2/components.html#progress
.tooltipTooltip (JavaScript)the main bootstrap class to implement tooltip effecthttp://getbootstrap.com/2.3.2/javascript.html#tooltips
.hero-unitTypography (Component)A unique Bootstrap class that especially highlights a content element with large font, differentbackground, and borders.http://getbootstrap.com/2.3.2/components.html#typography
.mediaMedia (Components)The main bootstrap class to style media elements of a webpage.http://getbootstrap.com/2.3.2/components.html#media
.popoverPopovers (JavaScript)Main bootstrap class to create popovershttp://getbootstrap.com/2.3.2/javascript.html#popovers
.modalModal (JavaScript)A unique feature of bootstrap. This class allows you to create streamlined and flexible dialouge promptshttp://getbootstrap.com/2.3.2/javascript.html#modals
.modalModal (JavaScript)A unique feature of bootstrap. This class allows you to create streamlined and flexible dialouge promptshttp://getbootstrap.com/2.3.2/javascript.html#modals
.dropup,Dropdowns (Components)Same effect as dropdowns with only difference being that this class gives the effect of content popping up.http://getbootstrap.com/2.3.2/components.html#dropdowns
.dropdownDropdowns (Components)The main bootstrap class that is used to create dropdown menues or dropdown contentshttp://getbootstrap.com/2.3.2/components.html#dropdowns
.dropdown-toggleButtons (Base CSS)Bootstrap class to create dropdown buttons.http://getbootstrap.com/2.3.2/components.html#buttonDropdowns
.typeaheadTypehead (JavaScript)The main bootstrap class to handle typehead functionality in the website.http://getbootstrap.com/2.3.2/javascript.html#typeahead
.accordionAccordion (JavaScript)Basic bootstrap class to create Accordian effectshttp://getbootstrap.com/2.3.2/javascript.html#collapse
.carouselCarousel (JavaScript)Main bootstrap class that is used to create carousel type content or image slidershttp://getbootstrap.com/2.3.2/javascript.html#collapse
.wellMiscellaneous (Components)This class is used to give a simple effect on any element. The element will appear as it is inserted inside the page.http://getbootstrap.com/2.3.2/components.html#misc
.hiddenMiscellaneous (Components)A simple class that will hide the contents of the div.http://getbootstrap.com/2.3.2/components.html#misc
.pull-rightMiscellaneous (Components)Change the indentation of the element to to right side. In other words the element floats to the right.http://getbootstrap.com/2.3.2/components.html#misc
.pull-leftMiscellaneous (Components)Change the indentation of the element to to left side. In other words the element floats to the left.http://getbootstrap.com/2.3.2/components.html#misc
.clearfixMiscellaneous (Components)Clears the floating of the element and restors the default indentation.http://getbootstrap.com/2.3.2/components.html#misc
.hideMiscellaneous (Components)Sets the Display characteristic of the div to none. It hides the entire div in normal viewport so that you can use media queries to make it visible in custom viewport sizes.Miscellaneous
.showMiscellaneous (Components)Bake the div visible in the desired viewport size.Miscellaneous
.invisibleMiscellaneous (Components)Sets the visibility of the div to hidden for the desired viewport sizeMiscellaneous
.fade.inMiscellaneous (Components)this class give the animation effect of fading out. Mostly used with elements like alerts or warnings.Miscellaneous
.fadeMiscellaneous (Components)This class decreases the opacity of the div to give it a faded effecthttp://getbootstrap.com/2.3.2/components.html#navs
.collapseMiscellaneous (Components)This class hides the div container into a collapsable box when the div is viewd through a viewport lesser than the size of desktop. Mainly used for creating responsive website.http://getbootstrap.com/2.3.2/components.html#navbar
.visible-phoneMobile Device compatiblityThis class hides the div when viewed form devices having viewport size greater than 786pxhttp://getbootstrap.com/2.3.2/scaffolding.html#responsive
.hidden-phoneMobile Device compatiblityThis class hides the div when viewd in phones (viewports having size than 786px)http://getbootstrap.com/2.3.2/scaffolding.html#responsive
.visible-tabletMobile Device compatiblityThis class hides the div when viewed form devices having viewport size other than between 979px and 786pxhttp://getbootstrap.com/2.3.2/scaffolding.html#responsive
.hidden-tabletMobile Device compatiblityThis class hides the div when viewed in tablets (viewports having size greater than 786px but less than 979px)http://getbootstrap.com/2.3.2/scaffolding.html#responsive
.visible-desktopMobile Device compatiblityThis class hides the div when viewed form devices having viewport size less than 979pxhttp://getbootstrap.com/2.3.2/scaffolding.html#responsive
.hidden-desktopMobile Device compatiblityThis class hides the div when viewed in desktops (viewports having size greater than 979px)http://getbootstrap.com/2.3.2/scaffolding.html#responsive

A Complete Reference Library of Bootstrap Classes

Thursday, October 2, 2014

The uploaded file could not be moved to wp-content

I installed wordpress on my own server, but it doesnt read the xml file.


I have got an error message:



Import WordPress


Sorry, there has been an error.

The uploaded file could not be moved to wp-content/uploads/2014/10.


you can solve this issue easily to change your folder permission.


Change File Permissions of wp-content to 777.


Remember it is NOT changing File Permissions of wp-content/uploads.


you can check Instructions on changing file permissions,


http://codex.wordpress.org/Changing_File_Permissions



The uploaded file could not be moved to wp-content

Tuesday, September 30, 2014

Excessive resource usage mailman

If you’re seeing legitimate mailman processes on cPanel being reported and want to ignore them, the following can be added to /etc/csf/csf.pignore:


This message isn’t from your cPanel of course. It’s coming from CSF/LFD.


It is normal that you would be alerted to these processes. It’s up to you how you manage the details they provide.


you can disable this message  easily


login in your server with terminal

for mac:


ssh -p  root@173.233.***.***

after login open /etc/csf/csf.pignore


vi /etc/csf/csf.pignore

press i for insert text in file. and add this files


pcmd:/usr/local/cpanel/3rdparty/bin/python /usr/local/cpanel/3rdparty/mailman/bin/qrunner.*
pcmd:/usr/local/cpanel/3rdparty/bin/python /usr/local/cpanel/3rdparty/mailman/bin/mailmanctl.*

press esc from your keyboard. then save file with :x command


restart your lfd


service lfd restart

 It is strongly recommended that you use command line ignores very carefully as any process can change what is reported to the OS.

 


 



Excessive resource usage mailman

Thursday, September 18, 2014

Emmet Cheat sheet for faster Coding

Emmet (previously known as Zen Coding) is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow:


 


Syntax




Child: >


nav>ul>li

<nav> <ul> <li></li> </ul> </nav>

Sibling: +


div+p+bq

<div></div> <p></p> <blockquote></blockquote>

Climb-up: ^


div+div>p>span+em^bq

<div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div>

div+div>p>span+em^^bq

<div></div> <div> <p><span></span><em></em></p> </div> <blockquote></blockquote>

Grouping: ()


div>(header>ul>li*2>a)+footer>p

<div> <header> <ul> <li><a href=””></a></li> <li><a href=””></a></li> </ul> </header> <footer> <p></p> </footer> </div>

(div>dl>(dt+dd)*3)+footer>p

<div> <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl> </div> <footer> <p></p> </footer>

Multiplication: *


ul>li*5

<ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul>

Item numbering: $



ul>li.item$*5
<ul> <li class="item1"></li> <li class="item2"></li> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> </ul>


h$[title=item$]Header $*3

<h1 title="item1">Header 1</h1> <h2 title="item2">Header 2</h2> <h3 title="item3">Header 3</h3>


ul>li.item$$$*5
<ul> <li class="item001"></li> <li class="item002"></li> <li class="item003"></li> <li class="item004"></li> <li class="item005"></li> </ul>


ul>li.item$@-*5
<ul> <li class="item5"></li> <li class="item4"></li> <li class="item3"></li> <li class="item2"></li> <li class="item1"></li> </ul>


ul>li.item$@3*5
<ul> <li class="item3"></li> <li class="item4"></li> <li class="item5"></li> <li class="item6"></li> <li class="item7"></li> </ul>

 



ID and CLASS attributes


#header

<div id=”header”></div>

.title

<div class=”title”></div>

form#search.wide

<form id=”search” class=”wide”></form>

p.class1.class2.class3

<p class=”class1 class2 class3″></p>

Custom attributes


p[title="Hello world"]

<p title=”Hello world”></p>

td[rowspan=2 colspan=3 title]

<td rowspan=”2″ colspan=”3″ title=””></td>

[a='value1' b="value2"]

<div a=”value1″ b=”value2″></div>

Text:


aClick me

<a href=””>Click me</a>

p>Click +ahere+ to continue

<p>Click <a href=””>here</a> to continue</p>

Implicit tag names


.class

<div class=”class”></div>

em>.class

<em><span class=”class”></span></em>

ul>.class

<ul> <li class=”class”></li> </ul>

table>.row>.col

<table> <tr class=”row”> <td class=”col”></td> </tr> </table>


HTML



All unknown abbreviations will be transformed to tag, e.g. foo<foo></foo>.




!


Alias of html:5


<!doctype html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


a

<a href=””></a>

a:link

<a href=”http://”></a>

a:mail

<a href=”mailto:”></a>

abbr

<abbr title=””></abbr>

acronym

<acronym title=””></acronym>

base

<base href=”” />

basefont

<basefont />

br

<br />

frame

<frame />

hr

<hr />

bdo

<bdo dir=””></bdo>

bdo:r

<bdo dir=”rtl”></bdo>

bdo:l

<bdo dir=”ltr”></bdo>

col

<col />

link

<link rel=”stylesheet” href=”” />

link:css

<link rel=”stylesheet” href=”style.css” />

link:print

<link rel=”stylesheet” href=”print.css” media=”print” />

link:favicon

<link rel=”shortcut icon” type=”image/x-icon” href=”favicon.ico” />

link:touch

<link rel=”apple-touch-icon” href=”favicon.png” />

link:rss

<link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”rss.xml” />

link:atom

<link rel=”alternate” type=”application/atom+xml” title=”Atom” href=”atom.xml” />

meta

<meta />

meta:utf

<meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ />

meta:win

<meta http-equiv=”Content-Type” content=”text/html;charset=windows-1251″ />

meta:vp

<meta name=”viewport” content=”width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0” />

meta:compat

<meta http-equiv=”X-UA-Compatible” content=”IE=7” />

style

<style></style>

script

<script></script>

script:src

<script src=””></script>

img

<img src=”” alt=”” />

iframe

<iframe src=”” frameborder=”0″></iframe>

embed

<embed src=”” type=”” />

object

<object data=”” type=””></object>

param

<param name=”” value=”” />

map

<map name=””></map>

area

<area shape=”” coords=”” href=”” alt=”” />

area:d

<area shape=”default” href=”” alt=”” />

area:c

<area shape=”circle” coords=”” href=”” alt=”” />

area:r

<area shape=”rect” coords=”” href=”” alt=”” />

area:p

<area shape=”poly” coords=”” href=”” alt=”” />

form

<form action=””></form>

form:get

<form action=”” method=”get”></form>

form:post

<form action=”” method=”post”></form>

label

<label for=””></label>

input

<input type=”text” />

inp

<input type=”text” name=”” id=”” />

input:hidden


Alias of input[type=hidden name]


<input type=”hidden” name=”” />


input:h


Alias of input:hidden


<input type=”hidden” name=”” />


input:text, input:t


Alias of inp


<input type=”text” name=”” id=”” />


input:search


Alias of inp[type=search]


<input type=”search” name=”” id=”” />


input:email


Alias of inp[type=email]


<input type=”email” name=”” id=”” />


input:url


Alias of inp[type=url]


<input type=”url” name=”” id=”” />


input:password


Alias of inp[type=password]


<input type=”password” name=”” id=”” />


input:p


Alias of input:password


<input type=”password” name=”” id=”” />


input:datetime


Alias of inp[type=datetime]


<input type=”datetime” name=”” id=”” />


input:date


Alias of inp[type=date]


<input type=”date” name=”” id=”” />


input:datetime-local


Alias of inp[type=datetime-local]


<input type=”datetime-local” name=”” id=”” />


input:month


Alias of inp[type=month]


<input type=”month” name=”” id=”” />


input:week


Alias of inp[type=week]


<input type=”week” name=”” id=”” />


input:time


Alias of inp[type=time]


<input type=”time” name=”” id=”” />


input:number


Alias of inp[type=number]


<input type=”number” name=”” id=”” />


input:color


Alias of inp[type=color]


<input type=”color” name=”” id=”” />


input:checkbox


Alias of inp[type=checkbox]


<input type=”checkbox” name=”” id=”” />


input:c


Alias of input:checkbox


<input type=”checkbox” name=”” id=”” />


input:radio


Alias of inp[type=radio]


<input type=”radio” name=”” id=”” />


input:r


Alias of input:radio


<input type=”radio” name=”” id=”” />


input:range


Alias of inp[type=range]


<input type=”range” name=”” id=”” />


input:file


Alias of inp[type=file]


<input type=”file” name=”” id=”” />


input:f


Alias of input:file


<input type=”file” name=”” id=”” />


input:submit

<input type=”submit” value=”” />

input:s


Alias of input:submit


<input type=”submit” value=”” />


input:image

<input type=”image” src=”” alt=”” />

input:i


Alias of input:image


<input type=”image” src=”” alt=”” />


input:button

<input type=”button” value=”” />

input:b


Alias of input:button


<input type=”button” value=”” />


isindex

<isindex />

input:reset


Alias of input:button[type=reset]


<input type=”reset” value=”” />


select

<select name=”” id=””></select>

option

<option value=””></option>

textarea

<textarea name=”” id=”” cols=”30” rows=”10“></textarea>

menu:context


Alias of menu[type=context]>


<menu type=”context”></menu>


menu:c


Alias of menu:context


<menu type=”context”></menu>


menu:toolbar


Alias of menu[type=toolbar]>


<menu type=”toolbar”></menu>


menu:t


Alias of menu:toolbar


<menu type=”toolbar”></menu>


video

<video src=””></video>

audio

<audio src=””></audio>

html:xml

<html xmlns=”http://www.w3.org/1999/xhtml”></html>

keygen

<keygen />

command

<command />

bq


Alias of blockquote


<blockquote></blockquote>


acr


Alias of acronym


<acronym title=””></acronym>


fig


Alias of figure


<figure></figure>


figc


Alias of figcaption


<figcaption></figcaption>


ifr


Alias of iframe


<iframe src=”” frameborder=”0″></iframe>


emb


Alias of embed


<embed src=”” type=”” />


obj


Alias of object


<object data=”” type=””></object>


src


Alias of source


<source></source>


cap


Alias of caption


<caption></caption>


colg


Alias of colgroup


<colgroup></colgroup>


fst, fset


Alias of fieldset


<fieldset></fieldset>


btn


Alias of button


<button></button>


btn:b


Alias of button[type=button]


<button type=”button”></button>


btn:r


Alias of button[type=reset]


<button type=”reset”></button>


btn:s


Alias of button[type=submit]


<button type=”submit”></button>


optg


Alias of optgroup


<optgroup></optgroup>


opt


Alias of option


<option value=””></option>


tarea


Alias of textarea


<textarea name=”” id=”” cols=”30” rows=”10“></textarea>


leg


Alias of legend


<legend></legend>


sect


Alias of section


<section></section>


art


Alias of article


<article></article>


hdr


Alias of header


<header></header>


ftr


Alias of footer


<footer></footer>


adr


Alias of address


<address></address>


dlg


Alias of dialog


<dialog></dialog>


str


Alias of strong


<strong></strong>


prog


Alias of progress


<progress></progress>


datag


Alias of datagrid


<datagrid></datagrid>


datal


Alias of datalist


<datalist></datalist>


kg


Alias of keygen


<keygen />


out


Alias of output


<output></output>


det


Alias of details


<details></details>


cmd


Alias of command


<command />


doc


Alias of html>(head>meta[charset=UTF-8]+title$1:Document)+body


<html> <head> <meta charset=”UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


doc4


Alias of html>(head>meta[http-equiv="Content-Type" content="text/html;charset=$charset"]+title$1:Document)+body


<html> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


html:4t


Alias of !!!4t+doc4[lang=$lang]


<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <html lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


html:4s


Alias of !!!4s+doc4[lang=$lang]


<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <html lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


html:xt


Alias of !!!xt+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=$lang]


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


html:xs


Alias of !!!xs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=$lang]


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


html:xxs


Alias of !!!xxs+doc4[xmlns=http://www.w3.org/1999/xhtml xml:lang=$lang]


<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en”> <head> <meta http-equiv=”Content-Type” content=”text/html;charset=UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


html:5


Alias of !!!+doc[lang=$lang]


<!doctype html> <html lang=”en”> <head> <meta charset=”UTF-8″ /> <title>Document</title> </head> <body> </body> </html>


ol+


Alias of ol>li


<ol> <li></li> </ol>


ul+


Alias of ul>li


<ul> <li></li> </ul>


dl+


Alias of dl>dt+dd


<dl> <dt></dt> <dd></dd> </dl>


map+


Alias of map>area


<map name=””> <area shape=”” coords=”” href=”” alt=”” /> </map>


table+


Alias of table>tr>td


<table> <tr> <td></td> </tr> </table>


colgroup+, colg+


Alias of colgroup>col


<colgroup> <col /> </colgroup>


tr+


Alias of tr>td


<tr> <td></td> </tr>


select+


Alias of select>option


<select name=”” id=””> <option value=””></option> </select>


optgroup+, optg+


Alias of optgroup>option


<optgroup> <option value=””></option> </optgroup>


!!!

<!doctype html>

!!!4t

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

!!!4s

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

!!!xt

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

!!!xs

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

!!!xxs

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

c

<!– $child –>

cc:ie6

<!–[if lte IE 6]> $child <![endif]–>

cc:ie

<!–[if IE]> $child <![endif]–>

cc:noie

<!–[if !IE]><!–> $child <!–<![endif]–>


CSS



CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.


If abbreviation wasn’t found, it is transformed into property name: foo-barfoo-bar: |;


You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo




Visual Formatting


pos

position:relative;

pos:s

position:static;

pos:a

position:absolute;

pos:r

position:relative;

pos:f

position:fixed;

t

top:;

t:a

top:auto;

r

right:;

r:a

right:auto;

b

bottom:;

b:a

bottom:auto;

l

left:;

l:a

left:auto;

z

z-index:;

z:a

z-index:auto;

fl

float:left;

fl:n

float:none;

fl:l

float:left;

fl:r

float:right;

cl

clear:both;

cl:n

clear:none;

cl:l

clear:left;

cl:r

clear:right;

cl:b

clear:both;

d

display:block;

d:n

display:none;

d:b

display:block;

d:i

display:inline;

d:ib

display:inline-block;

d:li

display:list-item;

d:ri

display:run-in;

d:cp

display:compact;

d:tb

display:table;

d:itb

display:inline-table;

d:tbcp

display:table-caption;

d:tbcl

display:table-column;

d:tbclg

display:table-column-group;

d:tbhg

display:table-header-group;

d:tbfg

display:table-footer-group;

d:tbr

display:table-row;

d:tbrg

display:table-row-group;

d:tbc

display:table-cell;

d:rb

display:ruby;

d:rbb

display:ruby-base;

d:rbbg

display:ruby-base-group;

d:rbt

display:ruby-text;

d:rbtg

display:ruby-text-group;

v

visibility:hidden;

v:v

visibility:visible;

v:h

visibility:hidden;

v:c

visibility:collapse;

ov

overflow:hidden;

ov:v

overflow:visible;

ov:h

overflow:hidden;

ov:s

overflow:scroll;

ov:a

overflow:auto;

ovx

overflow-x:hidden;

ovx:v

overflow-x:visible;

ovx:h

overflow-x:hidden;

ovx:s

overflow-x:scroll;

ovx:a

overflow-x:auto;

ovy

overflow-y:hidden;

ovy:v

overflow-y:visible;

ovy:h

overflow-y:hidden;

ovy:s

overflow-y:scroll;

ovy:a

overflow-y:auto;

ovs

overflow-style:scrollbar;

ovs:a

overflow-style:auto;

ovs:s

overflow-style:scrollbar;

ovs:p

overflow-style:panner;

ovs:m

overflow-style:move;

ovs:mq

overflow-style:marquee;

zoo, zm

zoom:1;

cp

clip:;

cp:a

clip:auto;

cp:r

clip:rect(top right bottom left);

rsz

resize:;

rsz:n

resize:none;

rsz:b

resize:both;

rsz:h

resize:horizontal;

rsz:v

resize:vertical;

cur

cursor:$pointer;

cur:a

cursor:auto;

cur:d

cursor:default;

cur:c

cursor:crosshair;

cur:ha

cursor:hand;

cur:he

cursor:help;

cur:m

cursor:move;

cur:p

cursor:pointer;

cur:t

cursor:text;

Margin & Padding


m

margin:;

m:a

margin:auto;

mt

margin-top:;

mt:a

margin-top:auto;

mr

margin-right:;

mr:a

margin-right:auto;

mb

margin-bottom:;

mb:a

margin-bottom:auto;

ml

margin-left:;

ml:a

margin-left:auto;

p

padding:;

pt

padding-top:;

pr

padding-right:;

pb

padding-bottom:;

pl

padding-left:;

Box Sizing


bxz

box-sizing:border-box;

bxz:cb

box-sizing:content-box;

bxz:bb

box-sizing:border-box;

bxsh

box-shadow:inset hoff voff blur color;

bxsh:r

box-shadow:inset hoff voff blur spread rgb(0, 0, 0);

bxsh:ra

box-shadow:inset h v blur spread rgba(0, 0, 0, .5);

bxsh:n

box-shadow:none;

w

width:;

w:a

width:auto;

h

height:;

h:a

height:auto;

maw

max-width:;

maw:n

max-width:none;

mah

max-height:;

mah:n

max-height:none;

miw

min-width:;

mih

min-height:;

Font


f

font:;

f+

font:1em Arial,sans-serif;

fw

font-weight:;

fw:n

font-weight:normal;

fw:b

font-weight:bold;

fw:br

font-weight:bolder;

fw:lr

font-weight:lighter;

fs

font-style:$italic;

fs:n

font-style:normal;

fs:i

font-style:italic;

fs:o

font-style:oblique;

fv

font-variant:;

fv:n

font-variant:normal;

fv:sc

font-variant:small-caps;

fz

font-size:;

fza

font-size-adjust:;

fza:n

font-size-adjust:none;

ff

font-family:;

ff:s

font-family:serif;

ff:ss

font-family:sans-serif;

ff:c

font-family:cursive;

ff:f

font-family:fantasy;

ff:m

font-family:monospace;

ff:a

font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif;

fef

font-effect:;

fef:n

font-effect:none;

fef:eg

font-effect:engrave;

fef:eb

font-effect:emboss;

fef:o

font-effect:outline;

fem

font-emphasize:;

femp

font-emphasize-position:;

femp:b

font-emphasize-position:before;

femp:a

font-emphasize-position:after;

fems

font-emphasize-style:;

fems:n

font-emphasize-style:none;

fems:ac

font-emphasize-style:accent;

fems:dt

font-emphasize-style:dot;

fems:c

font-emphasize-style:circle;

fems:ds

font-emphasize-style:disc;

fsm

font-smooth:;

fsm:a

font-smooth:auto;

fsm:n

font-smooth:never;

fsm:aw

font-smooth:always;

fst

font-stretch:;

fst:n

font-stretch:normal;

fst:uc

font-stretch:ultra-condensed;

fst:ec

font-stretch:extra-condensed;

fst:c

font-stretch:condensed;

fst:sc

font-stretch:semi-condensed;

fst:se

font-stretch:semi-expanded;

fst:e

font-stretch:expanded;

fst:ee

font-stretch:extra-expanded;

fst:ue

font-stretch:ultra-expanded;

Text


va

vertical-align:top;

va:sup

vertical-align:super;

va:t

vertical-align:top;

va:tt

vertical-align:text-top;

va:m

vertical-align:middle;

va:bl

vertical-align:baseline;

va:b

vertical-align:bottom;

va:tb

vertical-align:text-bottom;

va:sub

vertical-align:sub;

ta

text-align:left;

ta:l

text-align:left;

ta:c

text-align:center;

ta:r

text-align:right;

ta:j

text-align:justify;

ta-lst

text-align-last:;

tal:a

text-align-last:auto;

tal:l

text-align-last:left;

tal:c

text-align-last:center;

tal:r

text-align-last:right;

td

text-decoration:none;

td:n

text-decoration:none;

td:u

text-decoration:underline;

td:o

text-decoration:overline;

td:l

text-decoration:line-through;

te

text-emphasis:;

te:n

text-emphasis:none;

te:ac

text-emphasis:accent;

te:dt

text-emphasis:dot;

te:c

text-emphasis:circle;

te:ds

text-emphasis:disc;

te:b

text-emphasis:before;

te:a

text-emphasis:after;

th

text-height:;

th:a

text-height:auto;

th:f

text-height:font-size;

th:t

text-height:text-size;

th:m

text-height:max-size;

ti

text-indent:;

ti:-

text-indent:-9999px;

tj

text-justify:;

tj:a

text-justify:auto;

tj:iw

text-justify:inter-word;

tj:ii

text-justify:inter-ideograph;

tj:ic

text-justify:inter-cluster;

tj:d

text-justify:distribute;

tj:k

text-justify:kashida;

tj:t

text-justify:tibetan;

to

text-outline:;

to+

text-outline:0 0 #000;

to:n

text-outline:none;

tr

text-replace:;

tr:n

text-replace:none;

tt

text-transform:uppercase;

tt:n

text-transform:none;

tt:c

text-transform:capitalize;

tt:u

text-transform:uppercase;

tt:l

text-transform:lowercase;

tw

text-wrap:;

tw:n

text-wrap:normal;

tw:no

text-wrap:none;

tw:u

text-wrap:unrestricted;

tw:s

text-wrap:suppress;

tsh

text-shadow:hoff voff blur #000;

tsh:r

text-shadow:h v blur rgb(0, 0, 0);

tsh:ra

text-shadow:h v blur rgba(0, 0, 0, .5);

tsh+

text-shadow:0 0 0 #000;

tsh:n

text-shadow:none;

lh

line-height:;

lts

letter-spacing:;

whs

white-space:;

whs:n

white-space:normal;

whs:p

white-space:pre;

whs:nw

white-space:nowrap;

whs:pw

white-space:pre-wrap;

whs:pl

white-space:pre-line;

whsc

white-space-collapse:;

whsc:n

white-space-collapse:normal;

whsc:k

white-space-collapse:keep-all;

whsc:l

white-space-collapse:loose;

whsc:bs

white-space-collapse:break-strict;

whsc:ba

white-space-collapse:break-all;

wob

word-break:;

wob:n

word-break:normal;

wob:k

word-break:keep-all;

wob:l

word-break:loose;

wob:bs

word-break:break-strict;

wob:ba

word-break:break-all;

wos

word-spacing:;

wow

word-wrap:;

wow:nm

word-wrap:normal;

wow:n

word-wrap:none;

wow:u

word-wrap:unrestricted;

wow:s

word-wrap:suppress;

wow:b

word-wrap:break-word;

Background


bg

background:;

bg+

background:#fff url() 0 0 no-repeat;

bg:n

background:none;

bgc

background-color:#fff;

bgc:t

background-color:transparent;

bgi

background-image:url();

bgi:n

background-image:none;

bgr

background-repeat:;

bgr:n

background-repeat:no-repeat;

bgr:x

background-repeat:repeat-x;

bgr:y

background-repeat:repeat-y;

bgr:sp

background-repeat:space;

bgr:rd

background-repeat:round;

bga

background-attachment:;

bga:f

background-attachment:fixed;

bga:s

background-attachment:scroll;

bgp

background-position:0 0;

bgpx

background-position-x:;

bgpy

background-position-y:;

bgbk

background-break:;

bgbk:bb

background-break:bounding-box;

bgbk:eb

background-break:each-box;

bgbk:c

background-break:continuous;

bgcp

background-clip:padding-box;

bgcp:bb

background-clip:border-box;

bgcp:pb

background-clip:padding-box;

bgcp:cb

background-clip:content-box;

bgcp:nc

background-clip:no-clip;

bgo

background-origin:;

bgo:pb

background-origin:padding-box;

bgo:bb

background-origin:border-box;

bgo:cb

background-origin:content-box;

bgsz

background-size:;

bgsz:a

background-size:auto;

bgsz:ct

background-size:contain;

bgsz:cv

background-size:cover;

Color


c

color:#000;

c:r

color:rgb(0, 0, 0);

c:ra

color:rgba(0, 0, 0, .5);

op

opacity:;

Generated content


cnt

content:”;

cnt:n, ct:n

content:normal;

cnt:oq, ct:oq

content:open-quote;

cnt:noq, ct:noq

content:no-open-quote;

cnt:cq, ct:cq

content:close-quote;

cnt:ncq, ct:ncq

content:no-close-quote;

cnt:a, ct:a

content:attr();

cnt:c, ct:c

content:counter();

cnt:cs, ct:cs

content:counters();

ct

content:;

q

quotes:;

q:n

quotes:none;

q:ru

quotes:’\00AB’ ‘\00BB’ ‘\201E’ ‘\201C';

q:en

quotes:’\201C’ ‘\201D’ ‘\2018′ ‘\2019′;

coi

counter-increment:;

cor

counter-reset:;

Outline


ol

outline:;

ol:n

outline:none;

olo

outline-offset:;

olw

outline-width:;

ols

outline-style:;

olc

outline-color:#000;

olc:i

outline-color:invert;

Tables


tbl

table-layout:;

tbl:a

table-layout:auto;

tbl:f

table-layout:fixed;

cps

caption-side:;

cps:t

caption-side:top;

cps:b

caption-side:bottom;

ec

empty-cells:;

ec:s

empty-cells:show;

ec:h

empty-cells:hide;

Border


bd

border:;

bd+

border:1px solid #000;

bd:n

border:none;

bdbk

border-break:close;

bdbk:c

border-break:close;

bdcl

border-collapse:;

bdcl:c

border-collapse:collapse;

bdcl:s

border-collapse:separate;

bdc

border-color:#000;

bdc:t

border-color:transparent;

bdi

border-image:url();

bdi:n

border-image:none;

bdti

border-top-image:url();

bdti:n

border-top-image:none;

bdri

border-right-image:url();

bdri:n

border-right-image:none;

bdbi

border-bottom-image:url();

bdbi:n

border-bottom-image:none;

bdli

border-left-image:url();

bdli:n

border-left-image:none;

bdci

border-corner-image:url();

bdci:n

border-corner-image:none;

bdci:c

border-corner-image:continue;

bdtli

border-top-left-image:url();

bdtli:n

border-top-left-image:none;

bdtli:c

border-top-left-image:continue;

bdtri

border-top-right-image:url();

bdtri:n

border-top-right-image:none;

bdtri:c

border-top-right-image:continue;

bdbri

border-bottom-right-image:url();

bdbri:n

border-bottom-right-image:none;

bdbri:c

border-bottom-right-image:continue;

bdbli

border-bottom-left-image:url();

bdbli:n

border-bottom-left-image:none;

bdbli:c

border-bottom-left-image:continue;

bdf

border-fit:repeat;

bdf:c

border-fit:clip;

bdf:r

border-fit:repeat;

bdf:sc

border-fit:scale;

bdf:st

border-fit:stretch;

bdf:ow

border-fit:overwrite;

bdf:of

border-fit:overflow;

bdf:sp

border-fit:space;

bdlen

border-length:;

bdlen:a

border-length:auto;

bdsp

border-spacing:;

bds

border-style:;

bds:n

border-style:none;

bds:h

border-style:hidden;

bds:dt

border-style:dotted;

bds:ds

border-style:dashed;

bds:s

border-style:solid;

bds:db

border-style:double;

bds:dtds

border-style:dot-dash;

bds:dtdtds

border-style:dot-dot-dash;

bds:w

border-style:wave;

bds:g

border-style:groove;

bds:r

border-style:ridge;

bds:i

border-style:inset;

bds:o

border-style:outset;

bdw

border-width:;

bdt, bt

border-top:;

bdt+

border-top:1px solid #000;

bdt:n

border-top:none;

bdtw

border-top-width:;

bdts

border-top-style:;

bdts:n

border-top-style:none;

bdtc

border-top-color:#000;

bdtc:t

border-top-color:transparent;

bdr, br

border-right:;

bdr+

border-right:1px solid #000;

bdr:n

border-right:none;

bdrw

border-right-width:;

bdrst

border-right-style:;

bdrst:n

border-right-style:none;

bdrc

border-right-color:#000;

bdrc:t

border-right-color:transparent;

bdb, bb

border-bottom:;

bdb+

border-bottom:1px solid #000;

bdb:n

border-bottom:none;

bdbw

border-bottom-width:;

bdbs

border-bottom-style:;

bdbs:n

border-bottom-style:none;

bdbc

border-bottom-color:#000;

bdbc:t

border-bottom-color:transparent;

bdl, bl

border-left:;

bdl+

border-left:1px solid #000;

bdl:n

border-left:none;

bdlw

border-left-width:;

bdls

border-left-style:;

bdls:n

border-left-style:none;

bdlc

border-left-color:#000;

bdlc:t

border-left-color:transparent;

bdrs

border-radius:;

bdtrrs

border-top-right-radius:;

bdtlrs

border-top-left-radius:;

bdbrrs

border-bottom-right-radius:;

bdblrs

border-bottom-left-radius:;

Lists


lis

list-style:;

lis:n

list-style:none;

lisp

list-style-position:;

lisp:i

list-style-position:inside;

lisp:o

list-style-position:outside;

list

list-style-type:;

list:n

list-style-type:none;

list:d

list-style-type:disc;

list:c

list-style-type:circle;

list:s

list-style-type:square;

list:dc

list-style-type:decimal;

list:dclz

list-style-type:decimal-leading-zero;

list:lr

list-style-type:lower-roman;

list:ur

list-style-type:upper-roman;

lisi

list-style-image:;

lisi:n

list-style-image:none;

Print


pgbb

page-break-before:;

pgbb:au

page-break-before:auto;

pgbb:al

page-break-before:always;

pgbb:l

page-break-before:left;

pgbb:r

page-break-before:right;

pgbi

page-break-inside:;

pgbi:au

page-break-inside:auto;

pgbi:av

page-break-inside:avoid;

pgba

page-break-after:;

pgba:au

page-break-after:auto;

pgba:al

page-break-after:always;

pgba:l

page-break-after:left;

pgba:r

page-break-after:right;

orp

orphans:;

wid

widows:;

Others


!

!important

@f

@font-face font-family:; src:url(

@f+

@font-face font-family: ‘FontName‘; src: url(‘FileName.eot’); src: url(‘FileName.eot?#iefix’) format(‘embedded-opentype’), url(‘FileName.woff’) format(‘woff’), url(‘FileName.ttf’) format(‘truetype’), url(‘FileName.svg#FontName‘) format(‘svg’); font-style: normal; font-weight: normal;

@i, @import

@import url();

@kf

@-webkit-keyframes identifier from to @-o-keyframes identifier from to @-moz-keyframes identifier from to @keyframes identifier from to

@m, @media

@media screen

anim

animation:;

anim-

animation:name duration timing-function delay iteration-count direction fill-mode;

animdel

animation-delay:time;

animdir

animation-direction:normal;

animdir:a

animation-direction:alternate;

animdir:ar

animation-direction:alternate-reverse;

animdir:n

animation-direction:normal;

animdir:r

animation-direction:reverse;

animdur

animation-duration:0s;

animfm

animation-fill-mode:both;

animfm:b

animation-fill-mode:backwards;

animfm:bt, animfm:bh

animation-fill-mode:both;

animfm:f

animation-fill-mode:forwards;

animic

animation-iteration-count:1;

animic:i

animation-iteration-count:infinite;

animn

animation-name:none;

animps

animation-play-state:running;

animps:p

animation-play-state:paused;

animps:r

animation-play-state:running;

animtf

animation-timing-function:linear;

animtf:cb

animation-timing-function:cubic-bezier(0.1, 0.7, 1.0, 0.1);

animtf:e

animation-timing-function:ease;

animtf:ei

animation-timing-function:ease-in;

animtf:eio

animation-timing-function:ease-in-out;

animtf:eo

animation-timing-function:ease-out;

animtf:l

animation-timing-function:linear;

ap

appearance:$none;

bg:ie

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’x.png’,sizingMethod=’crop‘);

cm

/* $child */

colm

columns:;

colmc

column-count:;

colmf

column-fill:;

colmg

column-gap:;

colmr

column-rule:;

colmrc

column-rule-color:;

colmrs

column-rule-style:;

colmrw

column-rule-width:;

colms

column-span:;

colmw

column-width:;

mar

max-resolution:res;

mir

min-resolution:res;

op:ie

filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

op:ms

-ms-filter:’progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';

ori

orientation:;

ori:l

orientation:landscape;

ori:p

orientation:portrait;

tov

text-overflow:$ellipsis;

tov:c

text-overflow:clip;

tov:e

text-overflow:ellipsis;

trf

transform:;

trf:r

transform: rotate(angle);

trf:sc

transform: scale(x, y);

trf:scx

transform: scaleX(x);

trf:scy

transform: scaleY(y);

trf:skx

transform: skewX(angle);

trf:sky

transform: skewY(angle);

trf:t

transform: translate(x, y);

trf:tx

transform: translateX(x);

trf:ty

transform: translateY(y);

trfo

transform-origin:;

trfs

transform-style:preserve-3d;

trs

transition:prop time;

trsde

transition-delay:time;

trsdu

transition-duration:time;

trsp

transition-property:prop;

trstf

transition-timing-function:tfunc;

us

user-select:$none;

wfsm

-webkit-font-smoothing:$antialiased;

wfsm:a

-webkit-font-smoothing:antialiased;

wfsm:n

-webkit-font-smoothing:none;

wfsm:s, wfsm:sa

-webkit-font-smoothing:subpixel-antialiased;


XSL




tm

<xsl:template match=”” mode=””></xsl:template>

tmatch


Alias of tm


<xsl:template match=”” mode=””></xsl:template>


tn

<xsl:template name=””></xsl:template>

tname


Alias of tn


<xsl:template name=””></xsl:template>


call

<xsl:call-template name=”” />

ap

<xsl:apply-templates select=”” mode=”” />

api

<xsl:apply-imports />

imp

<xsl:import href=”” />

inc

<xsl:include href=”” />

ch

<xsl:choose></xsl:choose>

xsl:when

<xsl:when test=””></xsl:when>

wh


Alias of xsl:when


<xsl:when test=””></xsl:when>


ot

<xsl:otherwise></xsl:otherwise>

if

<xsl:if test=””></xsl:if>


 



Emmet Cheat sheet for faster Coding