W3C home > Mailing lists > Public > public-html-commits@w3.org > November 2011

html5/alt-techniques style.css,NONE,1.1

From: Steven Faulkners via cvs-syncmail <cvsmail@w3.org>
Date: Fri, 25 Nov 2011 14:37:16 +0000
To: public-html-commits@w3.org
Message-Id: <E1RTwtw-0005of-DR@lionel-hutz.w3.org>
Update of /sources/public/html5/alt-techniques
In directory hutz:/tmp/cvs-serv22341

Added Files:
	style.css 
Log Message:


--- NEW FILE: style.css ---
/* the @class=full-spec links are "external" links to the full
 * HTML5 spec (not internal ones to others parts in the author
 * view); so we want some kind of visual warning indication to
 * users that if they follow them, they will be leaving the author
 * view and finding themselves in the full spec instead  */
a.full-spec-link:link:hover,
a.full-spec-:visited:hover
{
  background: #ffa;
  color: #556b2f;
  outline-offset: 4px;
  outline: solid green;
}
/* this is for the first paragraph that we add to the Abstract;
 * that paragraph is specific to the author view (it's not in the
 * full spec); its purpose is to alert readers to the fact that
 * this is a subset of the full spec */
.strong-note {
	color: #fff;
  background-color: #033;
	padding: 1em;
	line-height: 1.5em;
}
.strong-note a { 
	padding-bottom: 0.1em;
	color: white;
}

.toc + h3:after {
  content: "";
}
.dfn-ref {
  font-weight: bold;
}
.index-norefs,
.index-id {
  color: #666;
}
.index-nav {
  text-align: center;
  font-size: 120%;
}
.index-of-terms dl {
  line-height: 1.3em;
}
.index-of-terms dt {
  margin-top: 14px;
  margin-bottom: 0px;
  height: 1.3em;
}
.index-term {
  font-size: 18px;
  /* border-bottom: 2px solid #005A9C; */
  margin-bottom: 4px;
  margin-top: 18px;
  margin-right: 50%;
}
.index-entry li {
  list-style-type: none;
}
.index-entry ul {
  margin-bottom: 0px;
}

dfn {
  cursor: pointer;
}
dfn[title=""] {
  cursor: inherit;
}

.dfnPanel p {
  margin-bottom: 3px;
}
.dfnPanel .norefs {
  font-weight: bold;
}
.dfnPanel dd {
  /* style this just like an li */
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 0;
}
pre .dfnPanel {
  white-space: normal;
}
.dfn-excerpt {
  font-style: italic;
  margin-left: 0;
  font-size: 95%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
  display:block;
}
.dfnPanel .dfn-excerpt {
  white-space: normal;
}

/* 
	Start W3C spec styles 
	ported from: 
	http://www.germanforblack.com/articles/moving-towards-readable-w3c-specs
*/

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive.eot');
	src: local('☺'), url('fonts/Chunkfive.woff') format('woff'), url('fonts/Chunkfive.ttf') format('truetype'), url('fonts/Chunkfive.svg#ChunkFive') format('svg');
}


/* Resets */
h1, h2, h3, h4, h5, h6, p, a, ul, ol, dt, dd, table, caption, th, td { font-weight: normal !important; margin: 0; padding: 0; color: inherit; font-family:'Lucida Sans Unicode','Lucida Grande','Lucida Sans','DejaVu Sans Condensed',sans-serif;}
ul li, ol li { list-style-type: square; }
dl, dd, dt {border:none !important;}

a:link, a:visited { color: #366; text-decoration: none; }

h2.notoc
{}

/* added link change on focus same as hover (couldn't find where hover was specified)  */
a:focus, a:active{background-color:#FFFFAA; color:#366;  }

/* change color from #366 to #1C3838 */
a:visited { color: #1C3838; }

/* added link color and added link change on focus same as hover (couldn't find where hover was specified)  */
p.strong-note a {color: #ffffff;}
p.strong-note  a:focus, p.strong-note  a:active, p.strong-note a:hover  {background-color:#FFFFAA; color:#366;  }

html { background-color: transparent; } /* Override whatwg.css */

body { margin: 2em; width: 50em; font-size: 0.9em; line-height: 1.45; background-image: none; background-color: #fff; text-align:left;}

div.head { position: relative; }

/* change color from #9cc to #003333 */
/* div.head:before { content: 'W3C'; background-color: #003333; color: #fff; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; position: absolute; top: 2em; left: -5em; font-weight: bold; font-size: 0.6em; padding: 2em 0.7em 0.25em; font-family: Helvetica, sans-serif; text-align: right; letter-spacing: 0.1em; }*/
div.head h1:before
 {
	content: url(images/HTML5_Logo_64.png);
	float:left;
	padding-top:20px;
}

div.head hr, div.head > a, img[src*="http://www.w3.org/Icons/"], div.head dl { display: none; } /* Hide hr, the logo, logo alternate and the dl list in the head section */
div.head h1 { font-family: "ChunkFiveRegular", Helvetica; line-height: 1.4em; margin: -0.2em 0 0.5em 0; -webkit-font-smoothing: antialiased; font-size: 2.5em; }
div.head h1 span.edition { display: block; font-size: 0.5em; line-height: 0.25em; }
div.head h1 span.rcsrevision { display: none; }
div.head h2 { margin: 0 0 0.5em 0;font-size: 0.9em; font-family:verdana, sans-serif;}
div.head h2.maturity { color: #666; font-size: 1em; border: 0px; }

/* change color from #999 to #5E5E5E */
div.head p.copyright { color: #5E5E5E; font-size: 0.8em; font-style: italic; width: 80%; line-height: 1.4em; }


div.head p.copyright a { color: inherit; }

h2, h2.maturity, h2.principal { display: inline-block; font-size: 1.6em; margin: 2em 0 0.5em 0; border-bottom: 2px solid #ccc; padding: 0em 0em 0.1em; }
h3 { font-size: 1.2em; margin-bottom: 0.3em; }
h3.guideline { border: none; margin: 1em 0; }
h4, h5 { font-size: 1.0em; margin-bottom: 0.3em; color: #066; padding: 0.4em 0em 0em; }
p { margin-bottom: 1em; }

div.example { margin-bottom: 1em; }
ul { margin: 0em 0em 1em; }
ul li { position: relative; }
/*ul li:before { content: '\22c5'; font-size: 2em; color: #9cc; position: absolute; top: -0.35em; left: -0.65em; font-family: lucida; font-weight: bold; }*/
ul li ul { }
li li { margin: 0em 0em 0em 1.2em; }
code, pre { font-family: "Bitstream Vera Sans Mono", "DejaVu Sans Mono", "Andale Mono", Inconsolata, "Lucida Console", Consolas, Monaco, "courier new", courier; color: #2f4f4f; font-size: 0.9em; display: inline-block; }
pre { margin: 0em 0em 1em -0.6em; background: #F6FBEC; display: inline-block; padding: 0.25em 0.6em; }

/* change color from #66CCCC to #376F6F */
dt { color: #376F6F; }
dd { margin: 0em 0em 0.5em; }

table { border: 0px; }
table th, table td { border: 0px; border-bottom: 1px solid #acc; padding: 4px; vertical-align: top; }
table th li, table td li { margin: 0px 0px 0px 1.5em; }
table caption, table th { text-align: left; color: #6cc; }

/* change color from #099 to #006F6F */ 
table th { color: #006F6F; }
table td { vertical-align: top; padding: 0.25em 1.25em 0.25em 0em; }
table tr, table tbody { border: 0px; }
hr { border: 0px; height: 2px; background: #acc; margin: 2em 0em; }
strong {  }

/* change color from #99CCCC to #336666 */
ol li { color: #336666; }
ul, ol {margin-left: 3em;}
ol.toc, ul.toc li.tocline { list-style: none; }
ol.toc, ul.toc {margin-left: 0;}
div.subtoc { background: transparent; border: 0em; }
body .toc, body .subtoc { background: transparent; border: 0em; margin-top: 1em; }

h2, h3, h4, h5, h6 { position: relative;font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif;}
div.section span.tocnum, .secno  { background-color: #405840; color: #fff; border-radius: 0.25em; -webkit-border-radius: 0.25em; -moz-border-radius: 0.25em; position: absolute; top: 0.7em; left: -7em; font-weight: bold; font-size: 0.8em; padding: 0.25em 0.25em; font-family: Helvetica, sans-serif; text-align: right; letter-spacing: 0.1em; }

/* change color from #99CCCC to #546666 */
a .secno { background-color: transparent; color: #546666; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; position: static; font-weight: bold; font-size: 1em; padding: 0; font-family: inherit; text-align: left; letter-spacing: 0; }

h3 { margin: 2em 0em 0em; }
h3 span.tocnum { top: 0.2em; }

strong.rfc2119 { font-size: 0.8em; letter-spacing: 0.1; text-transform: uppercase; }

/* Specific Overrides */

dl.domintro {background:#f7f7f7; border:1px solid #D0D0D0;}
dl.domintro dd {color:#003000}
.element {background: #f9f9f9 !important;}
.warning {color:#dc143c !important;}
table {font-size:.9em;}
h2, h3, h4, h5, h6 {font-weight:bold !important;}
a.internalDFN { color: #366; border: 0px; }
p a:link, p a:visited, dl a:link, dl a:visited {text-decoration:underline !important;}
pre strong {background: #fffacd}
pre.idl {display:none !important;}
p > span:not([title=""]):not([class="XXX"]):not([class="impl"]), li > span:not([title=""]):not([class="XXX"]):not([class="impl"]) {
border-bottom:none;
}
p.alt (display:none}
h1 {font-size:300% !important;font-family:Constantina,Georgia,'Nimbus Roman No9 L',serif !important;}
dl.element {border:none !important;}
.example {border-left: 1px dashed #3cb371 !important;}
.note {border:1px dashed #5f9ea0;color:#405023;margin-bottom:1em;}

p.alt {display:none}
#status-of-this-document, #status-of-this-document + p, #status-of-this-document + p + p, #status-of-this-document + p + p +form, #status-of-this-document + p + p + form + p, #status-of-this-document + p + p + form + p + p, #status-of-this-document + p + p + form + p + p + p, #status-of-this-document + p + p + form +p + p + p + div + p, #status-of-this-document + p + p + form + p + p + p + div + p + p, #status-of-this-document + p + p + form + p + p + p + div + p + p + p, #status-of-this-document + p + p + form + p + p + p + div + p + p + p + dl, #status-of-this-document + p + p + form + p + p + p + div + p + p + p + dl + p, #status-of-this-document + p + p + form + p + p + p + div + p + p + p + dl + p + p  {display:none}
#named-character-references-table {font-size:1em !important;}



/* Small (iPhone) */
@media only screen and (max-device-width: 480px) {
  body { margin: 0 3em; }
	div.head h1 { font-family: Helvetica; font-weight: bold; } /* No @font-face */
}
	 	
/* Medium (iPad) */
@media only screen and (max-device-width: 1024px) {
	body { margin: 0 0.7em;
	div.head h1 { font-family: Helvetica; font-weight: bold; } /* No @font-face */
}

/* Large (iPhone 4) */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}

/* Pretty printing styles. Used with prettify.js. */

.str { color: #080; }
.kwd { color: #008; }
.com { color: #800; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #660; }
.pln { color: #000; }
.tag { color: #008; }
.atn { color: #606; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint { padding: 0.25em; }

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}
Received on Friday, 25 November 2011 14:37:22 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 25 November 2011 14:37:22 GMT