Skip to content

Commit

Permalink
Merge pull request #23 from sparanoid/word-wrap-fix
Browse files Browse the repository at this point in the history 
Word wrap fix (Adds `word-wrap: break-word;` and `-webkit-hyphens: auto;` to avoid horizontal scrollers)
  • Loading branch information
Phillip Toland committed Jul 23, 2013
2 parents 3ab8e58 + 88a7c5c commit e9826f2
Showing 1 changed file with 142 additions and 129 deletions.
271 changes: 142 additions & 129 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,219 +2,232 @@

/* body */
body {
margin: 20px 40px;
background-color: #fff;
color: #000;
font: 13px "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
margin: 20px 40px;
background-color: #fff;
color: #000;
font: 13px "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
overflow: auto;
word-wrap: break-word;
-webkit-hyphens: auto;
}

/* links */
a:link {
color: #00f;
text-decoration: none;
color: #00f;
text-decoration: none;
}

a:visited {
color: #00a;
text-decoration: none;
color: #00a;
text-decoration: none;
}

a:hover {
color: #f60;
text-decoration: underline;
color: #f60;
text-decoration: underline;
}

a:active {
color: #f60;
text-decoration: underline;
color: #f60;
text-decoration: underline;
}


/* html tags */
/* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */

/* Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net */

* html code {
font-size: 101%;
* html code{
font-size: 101%;
}

* html pre {
font-size: 101%;
font-size: 101%;
}

/* code */

pre, code {
font-size: 11px; font-family: monaco, courier, consolas, monospace;
font-size: 11px; font-family: monaco, courier, consolas, monospace;
}

pre {
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #c7cfd5;
background: #f1f5f9;
margin: 20px 0;
padding: 8px;
text-align: left;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #c7cfd5;
background: #f1f5f9;
margin: 20px 0;
padding: 8px;
text-align: left;
overflow: auto;
word-wrap: normal;
}

hr {
color: #919699;
size: 1;
width: 100%;
noshade: "noshade";
color: #919699;
size: 1;
width: 100%;
noshade: "noshade";
}

/* headers */


h1, h2, h3, h4, h5, h6 {
font-family: "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: bold;
}

h1 {
margin-top: 1em;
margin-bottom: 25px;
color: #000;
font-weight: bold;
font-size: 30px;
}
h2 {
margin-top: 2.5em;
font-size: 24px;
color: #000;
padding-bottom: 2px;
border-bottom: 1px solid #919699;
}
h3 {
margin-top: 2em;
margin-bottom: .5em;
font-size: 17px;
color: #000;
}
h4 {
margin-top: 2em;
margin-bottom: .5em;
font-size: 15px;
color: #000;
}
h5 {
margin-top: 20px;
margin-bottom: .5em;
padding: 0;
font-size: 13px;
color: #000;
}

h6 {
margin-top: 20px;
margin-bottom: .5em;
padding: 0;
font-size: 11px;
color: #000;
font-family: "Myriad Pro", "Lucida Grande", Lucida, Verdana, sans-serif;
font-weight: bold;
}

h1 {
margin-top: 1em;
margin-bottom: 25px;
color: #000;
font-weight: bold;
font-size: 30px;
}

h2 {
margin-top: 2.5em;
font-size: 24px;
color: #000;
padding-bottom: 2px;
border-bottom: 1px solid #919699;
}

h3 {
margin-top: 2em;
margin-bottom: .5em;
font-size: 17px;
color: #000;
}

h4 {
margin-top: 2em;
margin-bottom: .5em;
font-size: 15px;
color: #000;
}

h5 {
margin-top: 20px;
margin-bottom: .5em;
padding: 0;
font-size: 13px;
color: #000;
}

h6 {
margin-top: 20px;
margin-bottom: .5em;
padding: 0;
font-size: 11px;
color: #000;
}

p {
margin-top: 0px;
margin-bottom: 10px;
margin-top: 0px;
margin-bottom: 10px;
}

/* lists */

ul {
list-style: square outside;
margin: 0 0 0 30px;
padding: 0 0 12px 6px;
ul {
list-style: square outside;
margin: 0 0 0 30px;
padding: 0 0 12px 6px;
}

li {
margin-top: 7px;
li {
margin-top: 7px;
}

ol {
list-style-type: decimal;
list-style-position: outside;
margin: 0 0 0 30px;
padding: 0 0 12px 6px;
list-style-type: decimal;
list-style-position: outside;
margin: 0 0 0 30px;
padding: 0 0 12px 6px;
}

ol ol {
list-style-type: lower-alpha;
list-style-position: outside;
margin: 7px 0 0 30px;
padding: 0 0 0 10px;
}
list-style-type: lower-alpha;
list-style-position: outside;
margin: 7px 0 0 30px;
padding: 0 0 0 10px;
}

ul ul {
margin-left: 40px;
padding: 0 0 0 6px;
margin-left: 40px;
padding: 0 0 0 6px;
}

li>p { display: inline }
li>p+p { display: block }
li>a+p { display: block }
li > p { display: inline }
li > p + p { display: block }
li > a + p { display: block }


/* table */

table {
border-top: 1px solid #919699;
border-left: 1px solid #919699;
border-spacing: 0;
border-top: 1px solid #919699;
border-left: 1px solid #919699;
border-spacing: 0;
}

table th {
padding: 4px 8px 4px 8px;
background: #E2E2E2;
font-size: 12px;
border-bottom: 1px solid #919699;
border-right: 1px solid #919699;
padding: 4px 8px 4px 8px;
background: #E2E2E2;
font-size: 12px;
border-bottom: 1px solid #919699;
border-right: 1px solid #919699;
}

table th p {
font-weight: bold;
margin-bottom: 0px;
font-weight: bold;
margin-bottom: 0px;
}

table td {
padding: 8px;
font-size: 12px;
vertical-align: top;
border-bottom: 1px solid #919699;
border-right: 1px solid #919699;
padding: 8px;
font-size: 12px;
vertical-align: top;
border-bottom: 1px solid #919699;
border-right: 1px solid #919699;
}

table td p {
margin-bottom: 0px;
margin-bottom: 0px;
}
table td p + p {
margin-top: 5px;

table td p + p {
margin-top: 5px;
}

table td p + p + p {
margin-top: 5px;
margin-top: 5px;
}

/* forms */

form {
margin: 0;
margin: 0;
}

button {
margin: 3px 0 10px 0;
margin: 3px 0 10px 0;
}

input {
vertical-align: middle;
padding: 0;
margin: 0 0 5px 0;
vertical-align: middle;
padding: 0;
margin: 0 0 5px 0;
}

select {
vertical-align: middle;
padding: 0;
margin: 0 0 3px 0;
vertical-align: middle;
padding: 0;
margin: 0 0 3px 0;
}

textarea {
margin: 0 0 10px 0;
width: 100%;
margin: 0 0 10px 0;
width: 100%;
}

0 comments on commit e9826f2

Please sign in to comment.