The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Dynamic CSS over Static CSS Re: Dynamic CSS over Static CSS


This is code for my home page having navigation links

Welcome to Police Service of India

This is the code for the login page which comes when login button is clicked

Welcome to Police Service of India

// put your code here

Username :

Password :

New User ? Register Here

This is my css code for login page named as police.css

body {
a:hover color:#FF00FF;
a:visited color:#FF00FF;
margin-top: 20%;

height: auto;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;

{position: relative;
margin:5px 5px;
.submit input {

width: auto;
padding: 9px 15px;
border: 0;
font-size: 14px;
color: #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
input, textarea {
padding: 9px;
border: solid 1px #E5E5E5;
outline: 0;
font: normal 15px/100% Verdana, Tahoma, sans-serif;
width: 200px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

textarea {
width: 400px;
max-width: 400px;
height: 150px;
line-height: 150%;

input:hover, textarea:hover,
input:focus, textarea:focus {
border-color: #C9C9C9;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;

CSS Code for my Home Page

body {

margin: 0; padding: 0;
font: 10px normal Arial, Helvetica, sans-serif;
background: #ddd url(body_bg.gif) repeat-x;
.container {
width: 960px;
margin: 0 auto;
position: relative;
#header {
background: url(header_b.gif) no-repeat center top;
padding-top: 120px;
#header .disclaimer
color: #999;
padding: 100px 0 7px 0;
font-size: 14px;
text-align: right;
display: block;
position: absolute;
top: 0; right: 0;

#header .disclaimer a
color: #ccc;
ul.topnav {
list-style: none;
padding: 0 20px;
margin: 0;
float: left;
width: 920px;
background: #222;
font-size: 1.2em;
background: url(topnav_b.gif) repeat;
ul.topnav li {
float: left;
margin: 0;
padding: 0 15px 0 0;
position: relative; /*--Declare X and Y axis base for sub navigation--*/
ul.topnav li a{
padding: 10px 5px;
color: #fff;
display: block;
text-decoration: none;
float: left;
ul.topnav li a:hover{
background: url(topnav_h.gif) no-repeat center top;
ul.topnav li span { /*--Drop down trigger styles--*/
width: 17px;
height: 35px;
float: left;
background: url(subnav_b.gif) no-repeat center top;
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 35px;
background: #333;
margin: 0; padding: 0;
display: none;
float: left;
width: 170px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111;
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
border-top: 1px solid #252525;
border-bottom: 1px solid #444;
clear: both;
width: 170px;
html ul.topnav li ul.subnav li a {
float: left;
width: 145px;
background: #333 url(dropdown.gif) no-repeat 10px center;
padding-left: 20px;
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #222 url(dropdown.gif) no-repeat 10px center;
#header .content{
margin-left: auto;
margin-right: auto;
width: 650;
padding: 5px;
font-size: 14px;