Skip to content

Instantly share code, notes, and snippets.

View gil00pita's full-sized avatar
💭
I may be slow to respond.

Gil Álvaro gil00pita

💭
I may be slow to respond.
View GitHub Profile
@gil00pita
gil00pita / Array
Last active December 18, 2015 20:29
CSS: Array
var contactArray = [{name:"Bob", email:"[email protected]"},{name:"Sara", email:"[email protected]"}];
trace(contactArray[0].name + ", " + contactArray[0].email);
The above code will output the following: Bob, [email protected]
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baselinebaseline;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
.transparent {
filter: alpha(opacity=50); /* internet explorer */
-khtml-opacity: 0.5; /* khtml, old safari */
-moz-opacity: 0.5; /* mozilla, netscape */
opacity: 0.5; /* fx, safari, opera */
}
@gil00pita
gil00pita / css.blockquote.template.css
Last active August 29, 2015 14:09
CSS: Blockquote Template
blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: .5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
/* Broder Syntax
* [ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]?
* Ex:
* border-radius: 5px 10px 5px 10px / 10px 5px 10px 5px;
*
* Firefox
* -moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]
*
* Elliptical Rounding Shorthand (Firefox 3.5+):
* -moz-border-radius: [horizontal radius] / [vertical radius];
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Times New Roman-based serif */
font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
/* A modern Georgia-based serif */
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
/*A more traditional Garamond-based serif */
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
/*The Helvetica/Arial-based sans serif */
::selection {
background: #e2eae2;
}
::-moz-selection {
background: #e2eae2;
}
::-webkit-selection {
background: #e2eae2;
}
h1 {
text-indent: -9999px;
margin: 0 auto;
width: 320px;
height: 85px;
background: transparent url("images/logo.png") no-repeat scroll;
}