Skip to content

Commit

Permalink
fixed issue isobar-us#21
Browse files Browse the repository at this point in the history
  • Loading branch information
@jaredwilli
jaredwilli committed May 2, 2012
1 parent 8c762b8 commit 9a4bc00
Show file tree
Hide file tree
Showing 15 changed files with 784 additions and 589 deletions.
5 changes: 1 addition & 4 deletions cache.manifest
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,12 @@ img/en.png
img/es.png
img/box_model.png
img/browsers1.jpg
img/layout/icon-curly.png
css/img/icon-curly.png
css/img/icon-curly-full.png
css/img/icon-curly_50.png
css/img/isobar.png
css/img/fork-me.png
css/img/sprite-social.png
css/img/bg-body.gif

index.html
css/style.css
js/plugins.js
js/script.js
Expand Down
Binary file added css/img/icon-curly-full.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
163 changes: 74 additions & 89 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,14 +139,16 @@ button, input, select, textarea { margin: 0; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid {
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-o-border-radius: 1px;
box-shadow: 0 0 5px red;
-moz-box-shadow: 0 0 5px red;
-webkit-box-shadow: 0 0 5px red;
-o-box-shadow: 0 0 5px red;
-ms-border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;

-moz-box-shadow: 0 0 5px red;
-webkit-box-shadow: 0 0 5px red;
-o-box-shadow: 0 0 5px red;
box-shadow: 0 0 5px red;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
Expand All @@ -155,8 +157,8 @@ input:invalid, textarea:invalid {
/* These selection declarations have to be separate
No text-shadow: twitter.com/miketaylr/status/12228805301
Also: hot pink! */
::-moz-selection{ background: #FC861E; color: #fff; text-shadow: none; }
::selection { background: #FC861E; color: #fff; text-shadow: none; }
::-moz-selection{ background: #FF5E99; color: #fff; text-shadow: none; }
::selection { background: #FF5E99; color: #fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FC861E; }
Expand Down Expand Up @@ -247,20 +249,20 @@ body {
----------------------------------------------------------------------------------------------------*/

body .fork {
background: url('img/fork-me.png') no-repeat -15px top;
position: fixed;
top: 0;
right: -15px;
z-index: 2;
width: 149px;
height: 149px;
background: url('img/fork-me.png') no-repeat -15px top;
}

header {
border-bottom: 3px solid #eee;
height: 60px;
width: 100%;
position: relative;
border-bottom: 3px solid #eee;
}

header a {
Expand All @@ -270,6 +272,7 @@ header a {
}

header h1 {
background: url('img/isobar.png') no-repeat 0 0;
position: absolute;
top: 60px;
width: 137px;
Expand All @@ -292,14 +295,33 @@ header h1 a {
width: 226px;
}
header h1 a {
background: url('img/isobar.png') no-repeat 0 0;
position: absolute;
text-indent: -9999em;
height: 70px;
width: 226px;
display: block;
}

#flags {
margin: 25px 0 0;
height: 25px;
list-style: none;
display: inline-block;
}
#flags li {
display: inline-block;
width: 25px;
position: relative;
}
#flags li a {
cursor: pointer;
}
#flags lihover {
-moz-opacity: 0.8;
-ms-filter: "alpha(opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}
#social {
background: rgba(64, 64, 64, 0.9);
float: right;
Expand All @@ -320,8 +342,8 @@ header h1 a {
}

#social li a {
width: 35px;
background: url('img/sprite-social.png') no-repeat 0 0;
width: 35px;
}

#social #facebook { background-position: -5px -5px; }
Expand Down Expand Up @@ -359,15 +381,15 @@ header h1 a {

#main {
border-right: 1px #dcdcdc solid;
display: inline;
display: inline-block;
float: left;
overflow: hidden;
padding: 50px 29px 60px 0;
width: 610px;
}

#side {
display: inline;
display: inline-block;
float: left;
font-size: 13px;
padding: 0;
Expand All @@ -387,38 +409,26 @@ header h1 a {
border-bottom: none;
}

#authors, #team {
#authors,
#team {
display: inline-block;
width: 50%;
height: 250px;
float: left;
}

#main > section article,
.intro {
background: url('img/icon-curly_50.png') no-repeat 0px 0px;
border-bottom: 1px #dcdcdc solid;
margin-bottom: 20px;
}

.intro {
min-height: 120px;
}

.intro .icon {
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
-o-border-radius: 100px;
height: 100px;
width: 100px;
background: #f30;
float: left;
display: inline;
margin: 0 20px 20px 0;
padding: 0 0 0 60px;
min-height: 60px;
position: relative;
}

.intro h1, .intro h2,
.intro p, .intro ol { margin-left: 120px; }
.intro p, .intro ol { margin-left: 10px; }
.intro h1, .intro h2 { line-height: 1.5em; }
.intro ol, .intro ul { list-style-position: inside; }


Expand All @@ -441,31 +451,33 @@ footer p {
padding: 5px 0;
}

footer a { color: #cdcdcd; }
footer a:hover { color: #f30; }

figure {
background: #fff;
border: 3px solid;
border: 2px solid;
border-color: #ddd #999 #666;
display: block;
margin: -15px -2px 10px;
margin: 10px 2px;
padding: 1px;
text-align: center;
box-shadow: #ccc 0 1px 3px;
-moz-box-shadow: #ccc 0 1px 3px;
-webkit-box-shadow: #ccc 0 1px 3px;
-o-box-shadow: #ccc 0 1px 3px;

-moz-box-shadow: 0 1px 3px 0 #ccc;
-webkit-box-shadow: 0 1px 3px 0 #ccc ;
-o-box-shadow: 0 1px 3px 0 #ccc;
box-shadow: 0 1px 3px 0 #ccc;
}

figure.extra { margin-top: 10px; }

figcaption {
font-size: 10px;
font-size: 10px;
font-style: italic;
text-align: left;
}

p {
margin: 0 0 10px 0;
}
p { margin: 0 0 10px 0; }

p, ol, ul {
font-size: 14px;
Expand All @@ -474,8 +486,7 @@ p, ol, ul {

abbr { border-bottom: 1px dotted; }

a { color: #f30; /* #09f */ }

a { color: #f30; }
a:hover { color: #333; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
Expand Down Expand Up @@ -505,26 +516,22 @@ h1 {
line-height: 1.1em;
margin-bottom: 14px;
}

h2 {
color: #000;
font-size: 24px;
margin-bottom: 12px;
}

h3 {
font-size: 22px;
margin-bottom: 11px;
}

h4 {
font-family: 'Times New Roman', Times, serif;
font-size: 20px;
font-weight: 400;
color: #555;
margin-bottom: 8px;
}

h6, figure.preCode {
background: #eeeee0;
color: #333;
Expand All @@ -538,10 +545,11 @@ figure.preCode {
display: block;
margin: 8px 0 0 0;
text-align: inherit;
box-shadow: none;

-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}

textarea[class~="brush:js"], textarea[class~="brush:css"],
Expand Down Expand Up @@ -571,13 +579,15 @@ p code, li code, table code {
}

#criteria_options a {
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
display: block;
font-weight: bold;
outline: 0;
padding: 5px 15px;

-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
}

#criteria_options a:hover {
Expand All @@ -599,30 +609,6 @@ p code, li code, table code {
.float_left { float: left; }
.float_right { float: right; }

.box, .box_notice {
background: #f6f6f6;
border: 1px solid;
border-color: #ddd #ccc #999;
box-shadow: #ccc 0 1px 3px;
-moz-box-shadow: #ccc 0 1px 3px;
-webkit-box-shadow: #ccc 0 1px 3px;
margin: 0 0 20px;
padding: 20px 20px 0.01em;
}

.box_notice { background: #ffd; }

.box_title {
background: #777;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 13px;
font-weight: bold;
margin: -19px -19px 20px;
padding: 5px 10px;
text-shadow: #000 0 1px 1px;
}

.normalize { margin-bottom: 5px; }

dl { margin-left: 15px; }
Expand All @@ -640,7 +626,6 @@ a[href^="https://wiki"], a[href^="http://repo"], a[href^="https://fusion"] { bac

#side .toc-title {
border-bottom: 1px solid gainsboro;
/* border-top: 50px solid rgba(64, 64, 64, .9); */
border-top: 10px solid #FF3300;
font-family: 'Calibri','AlexandriaBold';
font-size: 30px;
Expand All @@ -657,7 +642,7 @@ a[href^="https://wiki"], a[href^="http://repo"], a[href^="https://fusion"] { bac
padding: 0;
position: fixed;
top: 125px;
width: 300px;
width: 290px;
}

#toc li {
Expand All @@ -671,10 +656,10 @@ a[href^="https://wiki"], a[href^="http://repo"], a[href^="https://fusion"] { bac
text-decoration: none;
}
#toc li a:hover {
cursor: pointer;
background: hsla(0, 0%, 40%, 1);
color: #fff;
background: #f30;
color: #fff;
text-shadow: 0 -1px 1px rgba(0, 0, 0, .5);
cursor: pointer;
}

#toc .h1 {
Expand Down Expand Up @@ -713,11 +698,11 @@ a[href^="https://wiki"], a[href^="http://repo"], a[href^="https://fusion"] { bac
color: rgba(137, 137, 137, 0.4);
font-size: 20px;
font-weight: normal;
position: relative;
text-decoration: none;
top: 0;
left: 5px;
z-index: 100;
position: relative;
top: 0;
float: right;
}

.backAnchor, .backAnchor a {
Expand Down Expand Up @@ -867,7 +852,7 @@ html body div.syntaxhighlighter * {
body { width: 80%; font-family: Calibri, Arial, Helvetica, sans-serif; }
header { width: 100%; }

header #logo { background: url("../img/isobar.png") no-repeat 0 0; }
header #logo { background: url("img/isobar.png") no-repeat 0 0; }

h1, h2, h3, h4, h5, h6 { }

Expand Down
Binary file added doc/Isobar_Front-End_Coding_Standards_and_Best_Practices.docx
View file
Binary file not shown.
Loading

0 comments on commit 9a4bc00

Please sign in to comment.