Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-image: white; <!--url("images/backgroundImage.jpg"); -->
- background-color: #cccccc;
- text-align: center;
- }
- .logo {
- float: left;
- }
- .wrap {
- position:relative;
- margin:auto;
- width: 100%;
- }
- #pageContent {
- width: 750px;
- margin: auto;
- }
- #loginCreateForm{
- float:right;
- }
- #header {
- background-color:#555;
- width:100%;
- height: 130px;
- text-align: left;
- }
- #footer {
- background-color:#FFE3AA;
- width:100%;
- height: 8.5%;
- }
- #usermenu {
- margin: auto;
- display: block;
- width: 705px;
- z-index: 40;
- }
- #usermenu ul {
- padding: 15px 4px 17px 0;
- list-style: none;
- margin: auto;
- display: inline;
- }
- #usermenu ul li {
- font: bold 12px/18px sans-serif;
- display: inline-block;
- padding: 15px 20px;
- background: #555;
- color: #fff;
- cursor: pointer;
- float: left;
- width: 100px;
- height: 100px;
- text-align: center;
- -webkit-transition: all 0.2s;
- -moz-transition: all 0.2s;
- -ms-transition: all 0.2s;
- -o-transition: all 0.2s;
- transition: all 0.2s;
- }
- #usermenu ul li:hover {
- background: #fff;
- color: #555;
- }
- #usermenu ul li ul {
- padding: 0;
- position: relative;
- top: 105px;
- left: -20px;
- width: 110px;
- display: none;
- opacity: 0;
- 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;
- }
- #usermenu ul li ul li {
- background: #fff;
- width: 100px;
- height: 15px;
- display: block;
- color: #555;
- position: relative;
- margin-top: 0px;
- }
- #usermenu ul li ul li:hover { background: #666; color: #fff; }
- #usermenu ul li:hover ul {
- display: block;
- opacity: 1;
- visibility: visible;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement