PHP Classes

File: css/styles.css

Recommend this page to a friend!
  Classes of hwrProgs   NabiCI   css/styles.css   Download  
File: css/styles.css
Role: Auxiliary data
Content type: text/plain
Description: styles.css
Class: NabiCI
Continuous integration framework
Author: By
Last change:
Date: 12 years ago
Size: 6,663 bytes
 

Contents

Class file image Download
@CHARSET "ISO-8859-1"; /* all basic elements will have the same font size and font color, they also belong to the same font family whereby this list does not claim to be exhaustive, so feel free to add elements you think should apply to the defined "rules" */ body,table,th,td,div,form,input { font-size: 12px; font-family: Arial, sans-serif; color: #000000; } /* table headers must be defined by a <th>-tag, so that all headers will be rendered with a white font color */ th { color: #FFFFFF; background-color: rgb(240, 125, 8); } tr { background-color: #FFFFFF; } /* to facilitate navigation in a table, every single row will be highlighted when the cursor is over a row this is comparable to the javascript event-handler "onmouseover" */ tr:hover { color: #FFFFFF; background-color: #FCD3AA; } .menu_table { background-color: #FFFFFF; text-align: center; } /* sometimes, we do not want the highlighting */ tr.undecorated { background-color:transparent; } tr.undecorated:hover { background-color:transparent; } /*tr{ color: #000000; background-color: #FFFFFF; }*/ /* for further facilitation of the navigation, all input field, i.e. text fields and buttons, will be highlighted when the cursor is inside the text field or the button is beeing clicked. this effect will not apply to buttons that have an image instead of a button text */ input:focus { background-color: rgb(254, 175, 98); } /* in order to "center" all elements on a page, all the elements must be sourrounded by this <div>-tag */ div.container { margin: 0 auto; width: 750px; } /* the following classes are necessary for the ok-cancel-interaction. all of these interactions will be dislayed at the bottom of the page, with a semi-transparent background. the buttons will be in the center of the div-tag. */ div.ok_cancel { position: fixed; bottom: 0px; left: 50%; margin-left: -50px; margin-bottom: 10px; background-image: url(../images/grey_50_percent.png); background-repeat: repeat; } fieldset.ok_cancel { padding: 10px; } /* necessary for the admin toolbar */ div.admin_toolbar { position: fixed; bottom: 0px; left: 50%; margin-left: -300px; margin-bottom: 10px; background-image: url(../images/grey_50_percent.png); background-repeat: repeat; } fieldset.admin_toolbar { padding: 5px; } form.admin_toolbar { display: inline; } button.admin_toolbar { height: 22px; } input.admin_toolbar { height: 22px; } span.admin_toolbar_text { background-color: white; vertical-align: baseline; padding: 3px; } /* buttons */ .small_button { max-width:28px; } /* the following classes are necessary for displaying of input error messages */ div.error { position: fixed; top: 100px; width: 600px; left: 50%; margin-left: -300px; background-image: url(../images/red_50_percent.png); background-repeat: repeat; } fieldset.error { padding: 10px; text-align: center; } span.error { background-color: white; line-height: 2em; padding: 3px; padding-left: 4px; padding-right: 4px; } /* the following classes are necessary for the display of system messages */ div.message { position: fixed; top: 100px; width: 600px; left: 50%; margin-left: -300px; background-image: url(../images/green_50_percent.png); background-repeat: repeat; } fieldset.message { padding: 10px; text-align: center; } span.message { background-color: white; line-height: 2em; padding: 3px; padding-left: 4px; padding-right: 4px; font-size: 12px; font-family: Arial, sans-serif; color: #000000; } span.warning { background-color: white; line-height: 2em; padding: 3px; padding-left: 4px; padding-right: 4px; font-size: 12px; font-family: Arial, sans-serif; color: #000000; } div.warning { position: fixed; top: 100px; width: 600px; left: 50%; margin-left: -300px; background-image: url(../images/yellow_50_percent.png); background-repeat: repeat; } fieldset.warning { padding: 10px; text-align: center; } .close_cross { position: absolute; right: 0px; top: 0px; margin: 3px; } button.tab_button_pressed { border-style: solid; background-color: white; border-bottom-color: white; border-bottom-style: solid; border-bottom-width: 2px; border-left-style: solid; border-left-width: 2px; border-left-color: silver; border-right-style: solid; border-right-width: 2px; border-right-color: silver; border-top-style: solid; border-top-width: 2px; border-top-color: silver; margin-bottom: -2px; margin-left: 4px; } button.tab_button_unpressed { border-style: solid; border-width: 2px; border-color: #E0E0E0; background-color: white; border-bottom-width: 0px; margin-left: 4px; } button.invisible_button { border-width: 0px; border-style: none; background-color: #FFFFFF; } button.invisible_button:hover { background-color: #FCD3AA; } div.tab_frame { border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: solid; border-bottom-color: silver; border-bottom-width: 2px; margin-bottom: 10px; } .tinybutton_edit { position: absolute; top: -15px; left: -15px; } .tinybutton_move { position: absolute; left: 14px; } .tinybutton_resize { position: absolute; right: 0px; bottom: 0px; } .edit_body { width: 8000px; height: 8000px; } .edit_form { display: inline; position: relative; } .login_dialog { border-style: solid; border-width: 2px; /*border-color: #CCD1CD;*/ border-color: #EC7E0C; height: 119px; margin-top: -80px; width: 350px; margin-left: -180px; padding: 4px; position: absolute; text-align: right; top: 50%; left: 50%; background-image: url(../images/logo.gif); background-repeat: no-repeat; } .login_line { padding: 2px; } .login_submit_line { padding-top: 8px; margin-left: 136px; text-align: center; } .login_submit_button { } div.flyout_border { position: absolute; padding: 200px; top: -180px; left: -210px; visibility: hidden; background-image: url(../images/nothing.gif); background-repeat: repeat; } div.flyout_button_mask { height: 83px; width: 60px; left: 210px; top: 130px; /*background-color:red;*/ background-image: url(../images/nothing.gif); position: absolute; } div.flyout { background-image: url(../images/grey_50_percent.png); background-repeat: repeat; } div.flyout fieldset { padding: 10px; } h4 { margin: 0px; }