File: style.css

Recommend this page to a friend!
  Classes of Prakash Mohankumar   Genie Alert   style.css   Download  
File: style.css
Role: Auxiliary data
Content type: text/plain
Description: Css for the alert window
Class: Genie Alert
Customized Javascript Alert
Author: By
Last change:
Date: 13 years ago
Size: 2,344 bytes
 

Contents

Class file image Download
/* CSS Document The JavaScript Source at https://github.com/prakashm88/geniealert and http://code.google.com/p/geniealert/ Created by: Prakash Mohankumar | http://itechgenie.com/ For Lisence terms read: LICENSE.txt */ html,body { height:99% } #modalContainer { background-image: url('images/trans.png') ; background-repeat:repeat ; position:absolute; width:100%; height:100%; min-height:100%; top:0px; left:0px; z-index:10000; } html>body #modalContainer {height:auto} /*for mozilla */ #alertBox { position:relative; width:325px; min-height:100px; margin-top:40px; border:3px thin #000; background-color:transparent ; } #modalContainer > #alertBox { position:fixed; } #headerContainer { border-bottom:1px solid #999999; } #alertBox h1 { margin:0; font:bold 0.9em Geneva, Arial, Helvetica, sans-serif; padding:7px 0 2px 5px; } #bodyContainer { height: 100% ; border: 1px solid #FFFFFF; background-color:#FFFFFF ; background-repeat:no-repeat; background-position:20px 12px; } #hLeftCorner{ background-image:url('images/h-left.png'); background-repeat:no-repeat ; background-position: 0% 0%; height: 30px; } #hRightCorner{ background-image:url('images/h-right.png'); background-repeat:no-repeat ; background-position:100% 0% ; height: 30px; /*margin-right:1px;*/ } #hMiddle{ background-image:url('images/h-middle.png'); background-color:#dedede ; background-repeat: repeat-x; margin-left: 20px; margin-right:20px; height:30px; } #alertBox p { font:0.7em verdana,arial; text-align:justify; min-height: 50px; height:100%; padding-left:12px; margin-left:55px; margin-right: 10px; background-color:#FFFFFF ; } #alertBox #btnDiv { display:block ; width:93%; text-align: center ; padding: 10px; margin-bottom: 5px; } #alertBox .alertButtons { display:inline; padding-left:8px; padding-right:8px; padding-top: 3px; padding-bottom: 3px; margin: 8px; border:1px solid #999999; background: transparent url('images/button.png') repeat-x top right; width: 100px; font:0.7em verdana,arial; font-weight: bold ; text-transform:uppercase; text-align:center; color:#333333; background-color:##CCCCCC; text-decoration:none; }