Team:DTU-Denmark/test page css.css

From 2014.igem.org

(Difference between revisions)
(Created page with "#content { background: transparent; margin: 0px auto; padding: 0px; width: 1280px; color: black; line-height: 1.5em; border-right...")
 
(138 intermediate revisions not shown)
Line 1: Line 1:
-
#content {
+
/*image preloader*/
-
background: transparent;
+
#preloader {
-
         margin: 0px auto;
+
         width: 0px;
-
         padding: 0px;
+
         height: 0px;
-
         width: 1280px;
+
         display: inline;
-
         color: black;
+
         background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);
-
        line-height: 1.5em;
+
-
        border-right-width: 0;
+
-
        border-left-width: 0;
+
-
        border-right-style: none;
+
-
        border-left-style: none;
+
-
        position: relative;
+
-
        z-index: 2;
+
-
}
+
-
#column-one {
+
-
padding: 100px 20px 0px 0px; right: 4px; position: absolute;
+
-
}
+
-
table {
+
-
font-size: 100%;
+
-
border-collapse: separate;
+
-
border-spacing: 0px 10px;
+
-
border-top: solid 2px;
+
-
border-bottom: solid 2px;
+
-
}
+
-
caption { font-weight: bold;
+
-
}
+
-
th {
+
-
text-align: center;
+
-
border-collapse:collapse;
+
-
border-spacing: 0px;
+
-
border-bottom: solid 1px;
+
-
}
+
-
td {
+
-
text-align:left;
+
-
vertical-align:text-top;
+
-
}
+
-
a {
+
-
color: #66c; text-decoration: none;
+
-
}
+
-
a:visited {
+
-
color: #66c;
+
-
}
+
-
a:active {
+
-
color: rgb(0, 43, 184);
+
}
}
-
.navigater a {
+
/*customer start*/
-
color: rgb(252, 241, 256); text-decoration: none;
+
body {
-
}
+
background-image:url(http://www2.compute.dtu.dk/~apek/ITSOL2014/images/dtuLogo.jpg);
-
.navigater a:visited {
+
background-position: 52% 5px;
-
color: rgb(252, 241, 256);
+
background-repeat: no-repeat;
}
}
 +
/*Menu bar*/
 +
#bodyContent {display:block; position:relative; top:250px;}
-
a:hover {
+
#searchform {visibility:hidden;}
-
text-decoration: underline;
+
#animat {
-
}
+
margin: 0px auto;
-
a.stub {
+
height: 110px;
-
color: rgb(119, 34, 51);
+
position: relative;
-
}
+
text-align:center;
-
a.new {
+
-
color: rgb(170, 170, 255);
+
-
}
+
-
a.new:visited {
+
-
color: rgb(0, 43, 184);
+
-
}
+
-
#p-personal a.new:visited {
+
-
color: rgb(0, 43, 184);
+
-
}
+
-
img {
+
-
border: currentColor; vertical-align: middle;
+
-
}
+
-
p {
+
-
font-family: verdana;
+
-
font-size: 14px;
+
-
margin: 0.4em 0px 0.5em; line-height: 1.5em; text-align: justify;
+
-
}
+
-
p img {
+
-
margin: 0px;
+
-
}
+
-
hr {
+
-
margin: 0.2em 0px; border: 0px currentColor; height: 1px; color: rgb(170, 170, 170); background-color: rgb(170, 170, 170);
+
-
}
+
-
h1 {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
        font-size: 40px;
+
-
        line-height: 40px;
+
-
margin: 25px 0px 0px 0px; color: black; text-align: center;
+
-
padding: 0px 0px 0px 0px;
+
-
        border:none;
+
-
}
+
-
h2 {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
margin: 5px 0px 20px 0px; color: black; text-align: left;
+
-
    border:none;
+
-
}
+
-
h3 {
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
margin: 5px 0px 15px 0px; color: black; text-align: left;
+
-
}
+
-
h4 {
+
-
margin: 10px 0; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
+
-
}
+
-
h5 {
+
-
margin: 0px; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
+
-
}
+
-
h6 {
+
-
margin: 0px; color: black; padding-top: 0.5em; padding-bottom: 0.17em; font-weight: normal; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid;
+
-
}
+
-
 
+
-
ul {
+
-
margin: 0.3em 0px 0px 1.5em; padding: 0px; line-height: 1.5em; list-style-type: square; list-style-image: url("bullet.gif");
+
-
}
+
-
ol {
+
-
margin: 0.3em 0px 0px 3.2em; padding: 0px; line-height: 1.5em; list-style-image: none;
+
-
}
+
-
li {
+
-
margin-bottom: 0.1em;
+
-
}
+
-
dt {
+
-
font-weight: bold; margin-bottom: 0.1em;
+
-
}
+
-
dl {
+
-
margin-top: 0.2em; margin-bottom: 0.5em;
+
-
}
+
-
dd {
+
-
line-height: 1.5em; margin-bottom: 0.1em; margin-left: 2em;
+
-
}
+
-
fieldset {
+
-
margin: 1em 0px; padding: 0px 1em 1em; border: 1px solid rgb(47, 111, 171); line-height: 1.5em;
+
-
}
+
-
legend {
+
-
background: white; padding: 0.5em; font-size: 95%;
+
-
}
+
-
form {
+
-
margin: 0px; border: currentColor;
+
-
}
+
-
textarea {
+
-
padding: 0.1em; width: 100%;
+
-
}
+
-
input.historysubmit {
+
-
padding: 0px 0.3em 0.3em !important; height: 1.7em !important; font-size: 94%; margin-left: 1.6em; cursor: pointer;
+
-
}
+
-
select {
+
-
vertical-align: top;
+
-
}
+
-
abbr {
+
-
color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
+
-
}
+
-
acronym {
+
-
color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
+
-
}
+
-
.explain {
+
-
color: black; border-bottom-color: black; border-bottom-width: 1px; border-bottom-style: dotted; cursor: help;
+
-
}
+
-
q {
+
-
font-family: Times, "Times New Roman", serif; font-style: italic;
+
-
}
+
-
code {
+
-
background-color: rgb(249, 249, 249);
+
-
}
+
-
pre {
+
-
padding: 1em; border: 1px dashed rgb(47, 111, 171); color: black; line-height: 1.1em; background-color: rgb(249, 249, 249);
+
-
}
+
-
#siteSub {
+
-
display: none;
+
-
}
+
-
#contentSub {
+
-
margin: 0px 0px 1.4em 1em; width: auto; color: rgb(125, 125, 125); line-height: 1.2em; font-size: 84%;
+
}
}
-
span.subpages {
+
#animat p {
 +
visibility: hidden;
display: block;
display: block;
-
}
+
height:20px;
-
#bodyContent > p:first-child {
+
position: relative;
-
inlint-height: 0px;
+
-
        margin-top: 0px;
+
-
        maring-bottom:0px;
+
-
       
+
-
}
+
-
.firstHeading {
+
-
        position:fixed;
+
-
margin-bottom: 0;
+
-
        height:0;
+
-
        visibility:hidden;
+
-
}
+
-
h1.firstHeading {
+
-
        visibility:hidden;
+
-
        margin: 0;
+
-
        padding-bottom: 0;
+
-
        padding-top: 0;
+
-
        inline-height: 0;
+
-
        border-bottom: 0px;
+
-
        -webkit-margin-before: 0px;
+
-
        -webkit-margin-after: 0px;
+
-
        -webkit-margin-start: 0px;
+
-
        -webkit-margin-end: 0px;
+
-
}
+
-
.usermessage {
+
-
margin: 2em 0px 1em; padding: 0.5em 1em; border: 1px solid rgb(255, 165, 0); color: black; font-weight: bold; vertical-align: middle; background-color: rgb(255, 206, 123);
+
-
}
+
-
#siteNotice {
+
-
padding: 0px 0.9em; text-align: center; font-size: 95%;
+
-
}
+
-
#siteNotice p {
+
-
margin: 0px; padding: 0px;
+
-
}
+
-
.error {
+
-
color: red; font-size: larger;
+
-
}
+
-
#catlinks {
+
-
        visibility: hidden;
+
-
        position:fixed;
+
-
padding: 0px; border: 0px; clear: both; margin-top: 0px; background-color: rgb(249, 249, 249);
+
-
}
+
-
.documentDescription {
+
-
margin: 1em 0px; line-height: 1.5em; font-weight: bold; display: block;
+
-
}
+
-
.documentByLine {
+
-
text-align: right; color: rgb(118, 121, 124); clear: both; font-size: 90%; font-weight: normal;
+
-
}
+
-
.center {
+
-
width: 100%; text-align: center;
+
-
}
+
-
*.center * {
+
-
margin-right: auto; margin-left: auto;
+
-
}
+
-
.small {
+
-
font-size: 94%;
+
-
}
+
-
.small * {
+
-
font-size: 94%;
+
-
}
+
-
table.small {
+
-
font-size: 100%;
+
-
}
+
-
#toc {
+
-
padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249);
+
-
}
+
-
.toc {
+
-
padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249);
+
-
}
+
-
#toc h2 {
+
-
padding: 0px; border: currentColor; font-size: 100%; font-weight: bold; display: inline;
+
-
}
+
-
.toc h2 {
+
-
padding: 0px; border: currentColor; font-size: 100%; font-weight: bold; display: inline;
+
-
}
+
-
#toc #toctitle {
+
text-align: center;
text-align: center;
 +
font: bold 20px broadway;
}
}
-
.toc #toctitle {
+
#animat span:hover p {visibility: visible;}
 +
#animat span{
 +
z-index: 100;
 +
display: block;
text-align: center;
text-align: center;
 +
position: relative;
 +
margin: 0 auto;
 +
width: 80px;
 +
height: 81px;
 +
        left:-1px;
}
}
-
#toc .toctitle {
+
 
 +
.navigater ul {
 +
position: relative;
 +
left: 0px;
 +
  z-index:100;
text-align: center;
text-align: center;
 +
display: inline;
 +
list-style: none;
}
}
-
.toc .toctitle {
+
 
-
text-align: center;
+
/*Menu bar*/
 +
.navigater ul li {
 +
  z-index:100;
 +
  font: bold 14px/20PX helvetica;
 +
  display: inline-block;
 +
  margin: 0 5px;
 +
  padding-bottom: 18px;
 +
  position: relative;
 +
  width: 126px;
 +
  height: 32px;
 +
  background-repeat:no-repeat;
 +
  text-align:center;
 +
  -webkit-transition: background-image 0.2s;
 +
  -moz-transition: background-image 0.2s;
 +
  -ms-transition: background-image 0.2s;
 +
  -o-transition: background-image 0.2s;
 +
  transition: background-image 0.2s;
}
}
-
#toc ul {
+
 
-
text-align: left; padding-left: 0px; margin-left: 0px; list-style-type: none; list-style-image: none;
+
/*Menu bar text*/
 +
.navigater ul li span{
 +
color: rgb(252,241,206);
 +
display: block;
 +
font-size:12px/16px;
 +
width: 126px;
 +
height: 14px;
 +
padding-bottom:18px;
 +
padding-top: 18px;
 +
text-align:center;
 +
text-decoration:none;
}
}
-
.toc ul {
+
.navigater ul li span:hover{
-
text-align: left; padding-left: 0px; margin-left: 0px; list-style-type: none; list-style-image: none;
+
        cursor:default;
}
}
-
#toc ul ul {
+
/*Dropdown menu text*/
-
margin: 0px 0px 0px 2em;
+
.navigater ul li a:link{
 +
color: rgb(252,241,206);
 +
display: block;
 +
font-size:16px/20px;
 +
width: 126px;
 +
height: 14px;
 +
padding-bottom:18px;
 +
padding-top: 18px;
 +
text-align:center;
 +
text-decoration:none;
}
}
-
.toc ul ul {
+
.navigater ul li a:hover {text-decoration:none; background-color: transparent;}
-
margin: 0px 0px 0px 2em;
+
.navigater ul li a:visited {text-decoration:none; background-color: transparent;}
 +
 
 +
.navigater ul li:hover {
 +
z-index:100;
 +
color: #fff;
 +
-webkit-transition: background-image 0.2s;
 +
-moz-transition: background-image 0.2s;
 +
-ms-transition: background-image 0.2s;
 +
-o-transition: background-image 0.2s;
 +
transition: background-image 0.2s;
}
}
-
#toc .toctoggle {
+
 
-
font-size: 94%;
+
/*Dropdown menues*/
-
}
+
.navigater ul li ul {
-
.toc .toctoggle {
+
z-index:100;
-
font-size: 94%;
+
position: absolute;
-
}
+
top: 46px;
-
div.floatright {
+
left: -18px;
-
margin: 0px 0px 0.5em 0.5em; border: 0px currentColor; clear: right; float: right; position: relative;
+
width: 120px;
-
}
+
-
table.floatright {
+
-
margin: 0px 0px 0.5em 0.5em; border: 0px currentColor; clear: right; float: right; position: relative;
+
-
}
+
-
div.floatright p {
+
-
font-style: italic;
+
-
}
+
-
div.floatleft {
+
-
margin: 0px 0.5em 0.5em 0px; border: 0px currentColor; float: left; position: relative;
+
-
}
+
-
table.floatleft {
+
-
margin: 0px 0.5em 0.5em 0px; border: 0px currentColor; float: left; position: relative;
+
-
}
+
-
div.floatleft p {
+
-
font-style: italic;
+
-
}
+
-
div.thumb {
+
-
border-style: solid; border-color: white; width: auto; margin-bottom: 0.5em;
+
-
}
+
-
div.thumb div {
+
-
padding: 3px !important; border: 1px solid rgb(204, 204, 204); text-align: center; overflow: hidden; font-size: 94%; background-color: rgb(249, 249, 249);
+
-
}
+
-
div.thumb div a img {
+
-
border: 1px solid rgb(204, 204, 204);
+
-
}
+
-
div.thumb div div.thumbcaption {
+
-
padding: 0.3em 0px 0.1em; border: currentColor; text-align: left; line-height: 1.4em;
+
-
}
+
-
div.magnify {
+
-
border: currentColor !important; float: right;
+
-
}
+
-
div.magnify a {
+
-
border: currentColor !important; display: block;
+
-
}
+
-
div.magnify img {
+
-
border: currentColor !important; display: block;
+
-
}
+
-
div.tright {
+
-
border-width: 0.5em 0px 0.8em 1.4em; clear: right; float: right;
+
-
}
+
-
div.tleft {
+
-
border-width: 0.5em 1.4em 0.8em 0px; margin-right: 0.5em; float: left;
+
-
}
+
-
.hiddenStructure {
+
display: none;
display: none;
 +
opacity: 0;
 +
        background: #559a57;
 +
visibility: hidden;
 +
-webkit-transiton: opacity 0.2s;
 +
-moz-transition: opacity 0.2s;
 +
-ms-transition: opacity 0.2s;
 +
-o-transition: opacity 0.2s;
 +
-transition: opacity 0.2s;
}
}
-
img.tex {
+
 
-
vertical-align: middle;
+
.navigater ul li ul li {
 +
 
 +
z-index:100;
 +
width: 126px;
 +
margin:0px 0px 5px 0px;
 +
display: block;
 +
        padding: 0px;
 +
 
}
}
-
span.texhtml {
+
 
-
font-family: serif;
+
.navigater ul li ul li a:link{
 +
width: 120px;
 +
font-size:12px;
 +
        padding-bottom: 9px;
 +
        padding-top: 9px;
 +
        margin:0px;
}
}
-
table.rimage {
+
 
-
text-align: center; margin-bottom: 1em; margin-left: 1em; float: right; position: relative;
+
.navigater ul li ul li:hover {
 +
        background-image:url(https://static.igem.org/mediawiki/2013/0/05/WIKI-light.png);
 +
background-repeat: no-repeat;
 +
background-position: 50% 60%;
 +
}
}
-
.toccolours {
+
 
-
padding: 5px; border: 1px solid rgb(170, 170, 170); font-size: 95%; background-color: rgb(249, 249, 249);
+
/*Drop down menues*/
 +
.navigater ul li:hover ul {
 +
  z-index:100;
 +
  display: block;
 +
  opacity: 0.95;
 +
  visibility: visible;
}
}
-
div.townBox {
+
 
-
background: white; padding: 0.3em; border: 1px solid gray; width: 200px; overflow: hidden; clear: right; margin-left: 1em; float: right; position: relative;
+
#PROJECT { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
-
}
+
#PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
div.townBox dl {
+
 
-
margin: 0px 0px 0.3em; padding: 0px; font-size: 96%;
+
#PARTS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
-
}
+
#PARTS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
div.townBox dl dt {
+
 
-
margin: 0.4em 0px 0px;
+
#HUMANPRACTICES { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
-
}
+
#HUMANPRACTICES:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
div.townBox dl dd {
+
 
-
margin: 0.1em 0px 0px 1.1em; background-color: rgb(243, 243, 243);
+
#NOTEBOOK { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
-
}
+
#NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
.special li {
+
 
-
margin: 0px; padding: 0px; line-height: 1.4em;
+
#TEAM { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
-
}
+
#TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
.autocomment {
+
 
-
color: gray;
+
#SPONSORS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
-
}
+
#SPONSORS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
-
#pagehistory span.user {
+
 
-
margin-right: 0.4em; margin-left: 1.4em;
+
 
 +
/* color separately end */
 +
#contant {
 +
}
 +
 
 +
#address {
 +
position: fixed;
}
}
 +
 +
/*--customer end */

Latest revision as of 23:37, 4 July 2014

/*image preloader*/

  1. preloader {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(Menubar-iGEMgreen-wide.png);

}

/*customer start*/ body { background-image:url(http://www2.compute.dtu.dk/~apek/ITSOL2014/images/dtuLogo.jpg); background-position: 52% 5px; background-repeat: no-repeat; }

/*Menu bar*/

  1. bodyContent {display:block; position:relative; top:250px;}
  1. searchform {visibility:hidden;}
  2. animat {

margin: 0px auto; height: 110px; position: relative; text-align:center; }

  1. animat p {

visibility: hidden; display: block; height:20px; position: relative; text-align: center; font: bold 20px broadway; }

  1. animat span:hover p {visibility: visible;}
  2. animat span{

z-index: 100; display: block; text-align: center; position: relative; margin: 0 auto; width: 80px; height: 81px;

       left:-1px;

}

.navigater ul { position: relative; left: 0px;

 	z-index:100;

text-align: center; display: inline; list-style: none; }

/*Menu bar*/ .navigater ul li {

 z-index:100;
 font: bold 14px/20PX helvetica;
 display: inline-block;
 margin: 0 5px;
 padding-bottom: 18px;
 position: relative;
 width: 126px;
 height: 32px;
 background-repeat:no-repeat;
 text-align:center;
 -webkit-transition: background-image 0.2s;
 -moz-transition: background-image 0.2s;
 -ms-transition: background-image 0.2s;
 -o-transition: background-image 0.2s;
 transition: background-image 0.2s;

}

/*Menu bar text*/ .navigater ul li span{ color: rgb(252,241,206); display: block; font-size:12px/16px; width: 126px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li span:hover{

       cursor:default;

} /*Dropdown menu text*/ .navigater ul li a:link{ color: rgb(252,241,206); display: block; font-size:16px/20px; width: 126px; height: 14px; padding-bottom:18px; padding-top: 18px; text-align:center; text-decoration:none; } .navigater ul li a:hover {text-decoration:none; background-color: transparent;} .navigater ul li a:visited {text-decoration:none; background-color: transparent;}

.navigater ul li:hover { z-index:100; color: #fff; -webkit-transition: background-image 0.2s; -moz-transition: background-image 0.2s; -ms-transition: background-image 0.2s; -o-transition: background-image 0.2s; transition: background-image 0.2s; }

/*Dropdown menues*/ .navigater ul li ul { z-index:100; position: absolute; top: 46px; left: -18px; width: 120px; display: none; opacity: 0;

       background: #559a57;

visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }

.navigater ul li ul li {

z-index:100; width: 126px; margin:0px 0px 5px 0px; display: block;

       padding: 0px;

}

.navigater ul li ul li a:link{ width: 120px; font-size:12px;

       padding-bottom: 9px;
       padding-top: 9px;
       margin:0px;

}

.navigater ul li ul li:hover {

       background-image:url(WIKI-light.png);

background-repeat: no-repeat; background-position: 50% 60%;

}

/*Drop down menues*/ .navigater ul li:hover ul {

 z-index:100;
 display: block;
 opacity: 0.95;
 visibility: visible;

}

  1. PROJECT { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. PROJECT:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. PARTS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. PARTS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. HUMANPRACTICES { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. HUMANPRACTICES:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. NOTEBOOK { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. NOTEBOOK:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. TEAM { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. TEAM:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}
  1. SPONSORS { background: url(https://static.igem.org/mediawiki/2014/1/12/Menubar-wide.png);}
  2. SPONSORS:hover { background-image: url(https://static.igem.org/mediawiki/2014/7/77/Menubar-iGEMgreen-wide.png);}


/* color separately end */

  1. contant {

}

  1. address {

position: fixed; }

/*--customer end */