1. Button css .
2. Default css .
3. Popup css .
4. Text Box css .
1. Button.css
/* BUTTON */
.button1{
border:1px solid gray;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size:12px;
font-family:arial, helvetica, sans-serif;
padding: 5px 5px 5px 5px;
text-decoration:none;
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
color: #FFFFFF;
background-color: blue;
}
.button1:hover{
border:1px solid #1c5675;
background-color: yellow;
}
.button1:active {
border-top-color: #1b435e;
background: #1b435e;
}
.button{
border:1px solid gray;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 5px 5px 8px #CCC;
-webkit-box-shadow: 5px 5px 8px #CCC;
box-shadow: 5px 5px 8px #CCC;
font-size:12px;
font-family:arial, helvetica, sans-serif;
padding: 5px 5px 5px 5px;
text-decoration:none;
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
color: #FFFFFF;
background-color: green;
}
.button:hover{
border:1px solid #1c5675;
background-color: yellow;
}
.button:active {
border-top-color: #1b435e;
background: #1b435e;
}
.buttonj{
border:1px solid gray;
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 5px 5px 8px #CCC;
-webkit-box-shadow: 5px 5px 8px #CCC;
box-shadow: 5px 5px 8px #CCC;
font-size:12px;
font-family:arial, helvetica, sans-serif;
padding: 5px 5px 5px 5px;
text-decoration:none;
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
color: #FFFFFF;
}
.buttonj:hover{
border:1px solid #1c5675;
background-color: yellow;
}
.buttonj:active {
border-top-color: #1b435e;
background: #1b435e;
}
2. Default.css
html {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.scrollerforum{
border:solid 0px red;
height: 660px;
width: 100%;
overflow: auto;
text-align:center;
}
.scrollershare{
border:solid 0px red;
height: 670px;
width: 100%;
overflow: auto;
text-align:center;
}
body {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-style: normal;
margin: 0px 0px 0px 0px;
border: 1px solid gray;
}
#container {
width: 100%;
margin-left: 0px;
margin-right: 0px;
background-color: #fff;
position: relative;
}
#masthead {
text-align: left;
width: 100%;
padding: 0px 0px 0px 0px;
text-decoration:none;
display:inline-block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
background-color: green;
}
#navigation {
background-color: #2882BC;
overflow: hidden;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#horizontalmenu {
background-color: #F1F8FC;
overflow: hidden;
}
#page_content {
position: relative;
width: 100%;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #C6E2FF;
}
#column_l {
position: relative;
margin: 14px 46% 14px 14px;
padding: 0px 0px;
background-color: #fff;
float: none;
border: 1px solid gray;
}
#column_r {
float: none;
width: 42%;
margin-right: 14px;
padding:0px 0px;
background-color: #fff;
border: 1px solid gray;
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
}
#footer {
background-color: #fff;
padding-bottom: 5px;
padding-left: 15px;
}
/* Styles for Masthead */#masthead img {
float: left;
margin: 0;
padding: 0;
}
#masthead p {
font-size: small;
text-align: right;
color: #000;
margin: 10px 10px 10px 0;
padding: 0;
}
/* Styles for #column_r */#column_r.p {
font-size: small;
text-align: center;
color: #393939;
margin: 5px;
padding: 1px;
}
#column_r.p2 {
font-size: small;
text-align: center;
color: #393939;
margin: 5px;
padding: 1px;
}
/* Styles for Footer */#footer p {
font-size: x-small;
text-align: center;
color: #fff;
margin: 10px;
padding: 1px;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover {
color: #000;
text-decoration: none;
}
.h1 {
font-family: Arial;
font-style: normal;
font-size: 12px;
color: gray;
}
.h2 {
font-family: Arial;
font-style: normal;
font-size: 16px;
color: gray;
}
/*---- TABLE ----*/table, th, td{
border-collapse:collapse;
border:0px solid red;
}
th, td{
padding:0px;
}