SavedFMaCustomCSS < Sandbox

A collection of custom styles that can be included on any page with the following line: 
<verbatim>%INCLUDE{"CmsHi.EAWCustomCSS"}%</verbatim>

---+++ References
   * http://www.tizag.com/cssT/
   * Margin
      * http://www.tizag.com/cssT/margin.php
      * margin: where the banner starts
      * padding: space before the title text
   * Color
      * http://www.w3schools.com/CSS/css_colors.asp

%STARTINCLUDE%

<style type="text/css">
  div#wrap{margin:-20px auto;}
  div#maincontent{width:70%; min-width:500px; float:left;}
  div#sidebar{width:25%; min-width:200px; float:right;}
  div#innerSidebar{border:solid navy 1px; padding: 0px 6px 6px 14px;}
  div#footer{clear:both;}
h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande", helvetica, lucida, verdana, sans-serif;
	line-height:104%;
	padding:0;
	margin:1em 0 0.1em 0;
	border:none;
}
h1 {
	font-size:210%;
	color:#e24628;
	margin:0 0 0.1em 0;
}
h2 {
	font-size:145%;
        font-variant: small-caps;
	display:block;
	color:ForestGreen;
	background-color:Green;
	padding:0.2em 15em;
	margin:0em 0em 0.15em 0em;
	height:auto;
}
  h3 { font-size:140%; color:navy;}
  h4 { font-size:125%; color:#6c0000;}
  h5 { font-size:110%; color:navy;}
  h6 { font-size:95%; color:#6c0000;}
  h3,h4,h5,h6{border-style: none;}
  #sidebar h5{text-decoration:underline;}
  #sidebar table{margin: 0px 10px;}
  #cal08 th{background-color:#255AA4;}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
	text-decoration:none;
	color:#1e5bbd;
	background-color:transparent;
}
:link:hover,
:visited:hover {
	text-decoration:underline;
	background-color:#b4d5ff;
	color:#1559B3;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	background-color:transparent;
}
th a:link,
th a:visited {
	font-weight:bold;
}

div#maincontent ul li { margin-left: 15px; }
</style>

%STOPINCLUDE%

----
----

---++++ The CSS code

<verbatim>
<style type="text/css">
  div#wrap{margin:-20px auto;}
  div#maincontent{width:70%; min-width:500px; float:left;}
  div#sidebar{width:25%; min-width:200px; float:right;}
  div#innerSidebar{border:solid navy 1px; padding: 0px 6px 6px 14px;}
  div#footer{clear:both;}
h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande", helvetica, lucida, verdana, sans-serif;
	line-height:104%;
	padding:0;
	margin:1em 0 0.1em 0;
	border:none;
}
h1 {
	font-size:210%;
	color:#e24628;
	margin:0 0 0.1em 0;
}
h2 {
	font-size:145%;
        font-variant: small-caps;
	display:block;
	background-color:#255AA4;
	color:white;
	padding:0.2em 0.7em;
	margin:1em 0em 0.15em 0em;
	height:auto;
}
  h3 { font-size:140%; color:navy;}
  h4 { font-size:125%; color:#6c0000;}
  h5 { font-size:110%; color:navy;}
  h6 { font-size:95%; color:#6c0000;}
  h3,h4,h5,h6{border-style: none;}
  #sidebar h5{text-decoration:underline;}
  #sidebar table{margin: 0px 10px;}
  #cal08 th{background-color:#255AA4;}
:link:focus,
:visited:focus,
:link,
:visited,
:link:active,
:visited:active {
	text-decoration:none;
	color:#1e5bbd;
	background-color:transparent;
}
:link:hover,
:visited:hover {
	text-decoration:underline;
	background-color:#b4d5ff;
	color:#1559B3;
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	background-color:transparent;
}
th a:link,
th a:visited {
	font-weight:bold;
}

ul { margin-left: 15 px; }

</style>
</verbatim>



-- Main.FrankMa - 15 Oct 2008



-- Main.TengMa - 28-Oct-2009
Topic revision: r1 - 2009-10-28 - TengMa
Account
- Log In
- Cern Search
- TWiki Search
- Google Search
Sandbox All webs
Edit
Attach
Copyright &© 2008-2021 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
or Ideas, requests, problems regarding TWiki? use Discourse or Send feedback