Skip to content
Snippets Groups Projects
wizard.css 5.03 KiB
Newer Older
  • Learn to ignore specific revisions
  • Jared Hancock's avatar
    Jared Hancock committed
    body { background: url('../images/background.jpg?1312906017') top left repeat-x white; font-family: arial, helvetica, sans-serif; font-size: 10pt; color: #000; margin: 0; padding: 0; }
    
    #wizard { background: #fff; width: 800px; margin: 30px auto; padding: 10px; border: 1px solid #2a67ac; border-right: 2px solid #2a67ac; border-bottom: 3px solid #2a67ac; overflow: hidden; margin-bottom:5px;}
    
    a { color: #2a67ac; }
    
    /* Helpers */
    .centered {text-align: center;}
    .clear { clear:both; height: 1px; visibility: none;}
    .hidden { display: none;}
    .error { color:#f00;}
    
    #header { height: 72px; margin-bottom: 20px; }
    #header #logo { width: 280px; height: 72px; display: block; float: left; }
    #header ul { margin: 0; padding: 0; width: 400px; float: right; text-align: right; }
    #header ul .info { font-size: 11pt; font-weight: bold; border-bottom: 1px solid #2a67ac; color: #444; }
    #header ul li { list-style: none; margin: 5px 0 0 0; padding: 0; }
    #header ul li a { color: #F3811C; text-decoration: none; }
    #header ul li a:hover { color: #2a67ac; }
    
    #sidebar { width: 180px; padding: 10px; border: 1px solid #C8DDFA; float: right; background: #F7FBFE; }
    #sidebar h3 { font-size: 10pt; margin: 0 0 5px 0; padding: 0; text-indent: 32px; background: url('../images/cog.png?1312913866') top left no-repeat; line-height: 24px; color: #2a67ac; }
    
    #footer { color:#ccc; }
    #footer a, #footer a:hover { text-decoration:none; color:#ccc; }
    
    #main { width: 580px; float: left; }
    #main h1 { margin: 0; padding: 0; fontsize: 21pt; font-weight: normal; }
    #main h2 { font-size: 15pt; margin: 0; padding: 0; }
    #main h3 { font-size: 10pt; margin: 0; padding: 0; }
    #main div#intro { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #aaaaaa; }
    #main  { padding-bottom: 20px; }
    
    #main.step2 { width: 800px !important; }
    
    ul.progress { margin: 10px 0 20px 20px; padding: 0; }
    ul.progress li { list-style: none; margin: 0; padding: 0 0 2px 24px; background: url('../images/incomplete.png?1312910844'); background-repeat: no-repeat; background-position: 0 50%; }
    ul.progress li.yes { background-image: url('../images/yes.png?1312906296'); }
    ul.progress li.no { background-image: url('../images/no.png?1312906277'); }
    
    ul.progress li.yes small {color:green; }
    ul.progress li.no small {color:red;}
    
    #bar { clear: both; padding-top: 10px; height: 24px; line-height: 24px; text-align: center; border-top: 1px solid #aaaaaa; }
    #bar a, #bar .btn { display: inline-block; margin: 0; height: 24px; line-height: 24px; font-weight: bold; border: 1px solid #666666; text-decoration: none; padding: 0 10px; background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x; color: #333; }
    #bar a:hover, #bar .btn:hover, #bar .btnover { background-position: bottom left; }
    #bar a.unstyled, #bar a.unstyled:hover { font-weight: normal; background: none; border: none; text-decoration: underline; color: #2a67ac; }
    
    #bar.error { background: #ffd; text-align: center; color: #a00; font-weight: bold; }
    
    form { margin: 0; padding: 0; }
    form h4.head { display: block; clear: both; border-top: 1px solid #2a67ac; height: 16px; line-height: 16px; padding: 5px 5px 5px 24px; margin: 10px 0 0 0; font-size: 10pt; background-position: 5px 50%; background-repeat: no-repeat; background-color: #e7f1fd; }
    form span.subhead { display: block; background: #f4f4f4; border-bottom: 1px solid #cccccc; margin-bottom: 3px; padding: 3px 5px 3px 24px; font-style: italic; font-size: 9pt; }
    form h4.system { background-image: url('../images/system.png?1262713696'); }
    form h4.admin { background-image: url('../images/user.png?1262713720'); }
    form h4.database { background-image: url('../images/database.png?1262713698'); }
    form h4.email { background-image: url('../images/email.png?1142218352'); }
    form .row { clear: both; padding: 2px 0 0 24px; background: #F7FBFE; height: 24px; }
    form .row input { background: #fff; height: 22px; padding: 0; line-height: 22px; border: 1px solid #cccccc; }
    form .row label, form .row span { display: block; float: left; width: 150px; line-height: 24px; }
    form .row span { width: 600px; color: #666666; }
    
    .tip_box { display: block; height: 30px; position: absolute; z-index: 1000; }
    
    .tip_arrow { display: block; position: absolute; top: 5px; left: -11px; width: 12px; z-index: 700; }
    
    .tip_content { height: auto !important; height: 20px; min-height: 20px; padding: 10px 5px 5px 5px; border: 1px solid #666; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 500; position: absolute; top: 0; left: -1px; width: 300px; }
    
    .tip_close { position: absolute; text-decoration: none; left: 100%; top: 0; margin-left: -12px; }
    
    #overlay { display: none; position: fixed; background: #000; z-index: 2000; }
    
    
    #loading { padding: 10px 10px 10px 60px; width: 400px; height: 150px; background: url('../images/ajax-loader.gif?1312925608') 10px 50% no-repeat white; position: fixed; display: none; z-index: 3000; }
    
    Jared Hancock's avatar
    Jared Hancock committed
    #loading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }
    
    .tip { display: inline-block; width: 16px; height: 16px; outline: none; text-decoration: none; color: #d80; }
    
    #links { margin: 10px 0; }