












Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
The css code for styling various elements of a website, including headers, menus, forms, and main content areas. The code includes settings for font size, family, color, background images, and positioning.
Typology: Lecture notes
1 / 20
This page cannot be seen from the preview
Don't miss anything!













/* Import special styles used eg in JavaDoc */ @import url("nb_special.css");
/* Generic Elements ------------------------------------------------- */
BODY { background-color: #ffffff; font-size: 12px; font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; color: #000000;
margin-top:0px; margin-left:10px; margin-right:8px; margin-bottom:16px;
padding:0px; min-width:780px; }
a:link, a:visited { color: #045491; font-weight : bold; text-decoration: none; }
a:link:hover, a:visited:hover { color: #045491; font-weight : bold; text-decoration : underline; }
td { font-size: 12px; font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; color: #000000; }
h1 { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; border-bottom:1px solid #AFAFAF; clear:both; font-size: 16px; font-weight:bold; margin:0px; padding:0px; color:#D20005; }
h2 { font-size: 14px;
font-weight:bold; margin:0px; border-bottom:1px solid #808080; margin-top:5px; margin-bottom:5px; color:#D20005; }
h3 { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-size: 13px; font-weight:bold; margin:0px; padding:0px; color:#D20005; }
h4 { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; color:#D20005; }
h5 { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-size: 13px; font-weight:bold; padding-bottom:0px; margin-bottom:0px; border-bottom:1px solid #AFAFAF; color:#0E1B55; clear:both; }
h3.tutorial { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-size: 13px; font-weight:bold; padding-bottom:0px; margin-bottom:0px; border-bottom:1px solid #AFAFAF; color:#0E1B55; clear:both; }
form { padding:0px; margin:0px; }
.smalltext {
padding-bottom:5px; text-align:right; }
#langmenuunder { display:none; visibility:hidden; position:absolute; right:0px; top:0px; z-index:19; width:250px; height:500px; /* border:1px solid #dddddd; */ }
#langmenu A { z-index:21; display:block; padding-top:4px; padding-right:8px; background-color:#2180B5; height:21px; width:197px; color:#ffffff; font-weight:bold; text-align:right; vertical-align:middle; border-bottom: 1px solid #4D99C4; /* text-decoration:none;? */ }
.langselect { font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; margin-right:5px; margin-top:3px; font-size:10px; font-weight:bold; width:120px; text-align:right; background-color:#4D99C4; color:#ffffff; }
/* Left Menu Elements ----------------------------------------------- */
.leftnavtitle { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-size: 22px; font-weight:normal; margin-top:4px; margin-bottom:20px;
padding-bottom:0px; border-bottom:1px solid #AFAFAF; color:#0E1B55; clear:both; }
.moduletitle { font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-size: 22px; font-weight:normal; margin-top:4px; margin-bottom:20px; padding-bottom:0px; border-bottom:1px solid #AFAFAF; color:#0E1B55; clear:both; background-image:url('images/v4/bg_icon.gif'); background-repeat:no-repeat; background-position:right; }
.leftmenuarrow { margin-top:8px; background-image:url("images/v4/arr_r3.gif"); background-repeat:no-repeat; background-color:#ffffff; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #EFEFEF; }
.leftmenuarrdn { margin-top:8px; background-image:url("images/v4/arr_dn.gif"); background-repeat:no-repeat; background-color:#ffffff; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #EFEFEF; }
.leftmenuplus { margin-top:8px; background-image:url("images/v4/menu_mark_plus.gif"); background-repeat:no-repeat; background-color:#ffffff; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #EFEFEF; }
.leftmenusq { margin-top:8px;
.leftmenuitem SELECT { font-size:10px; font-weight:bold; font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; color:#3F3F3F; width:140px; }
/* Mainarea -------------------------------------------------------- */
#content { margin-left:6px; background-color:#ffffff; margin-right:30px; width: 98%;
}
#contentRight { font-size: 11px; color: #4E4E4E; display:block; background-color:#ffffff; width:196px; }
#promo { background-color:#ffffff; height:80px; margin-bottom:5px; }
#promotext { padding-top:0px; padding-right:20px; font-size: 11px; font-family: Verdana, "Verdana CE", Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-weight:bold; color: #000000; line-height:15px; }
/* padding-left:180px; */
#promourl { padding-top:10px; padding-left:20px; font-size: 11px; }
#promourl A { display:block;
color:#045491; text-decoration:none; #height:25px; width:260px; margin-bottom:6px; margin-right:10px; }
#promourll { float:left; }
.titlehead { border-bottom:1px solid #AFAFAF; clear:both; }
#mainart { margin-top:5px; background-color:#ffffff; margin-bottom:20px; min-height:255px; height: auto; _height: 255px; }
#mainarttext { padding-top:12px; padding-left:185px; padding-right:20px; }
.article { background-image:url("images/v4/bg_article.gif"); background-repeat:no-repeat; }
.articledate { color: #4E4E4E; font-size:11px; margin-left:15px; }
.articletitle { margin-left:15px; font-weight:bold; font-size:12px; }
.articleperex { margin-left:15px; }
.articleborder {
margin-bottom:19px; padding-top:11px; padding-bottom:11px; }
.va A { color:#000000; text-decoration:none; }
.va A:Link { color:#000000; text-decoration:none; }
.va A:visited { color:#000000; text-decoration:none; }
.va A:hover { color:#000000; text-decoration:underline; }
.searchinp { width:100px; height:15px; border-top:1px solid #B7B7B7; border-left:1px solid #B7B7B7; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; vertical-align:middle; font-size:10px; }
.searchsub { width:34px; height:15px; vertical-align:middle; }
.inp { width:112px; height:15px; border-top:1px solid #B7B7B7; border-left:1px solid #B7B7B7; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; vertical-align:middle; font-size:10px; }
/* LOGIN */
#login { font-size: 10px; display:block; font-weight:bold; text-align:left; padding-bottom:5px; border-bottom:1px solid #B7B7B7; }
#login TD { font-weight:bold; font-size: 10px; }
.logininp { width:83px; height:15px; border-top:1px solid #B7B7B7; border-left:1px solid #B7B7B7; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; vertical-align:middle; font-size:10px; }
#logout { font-size:10px; display:block; text-align:left; border-bottom:1px solid #B7B7B7; padding:7px; clear:both; }
.logoutbtn { text-align:right; margin-top:5px; }
#toplogin { display:block; float:right; margin-right:5px; margin-top:4px; color:#ffffff; font-size:10px; }
.toplogininp { width:83px; height:13px; border-top:1px solid #B7B7B7; border-left:1px solid #B7B7B7; border-right:1px solid #E7E7E7;
padding-right:6px; margin-left:6px; margin-top:6px; border-top:1px solid #9BB2BF; background-color:#C2DFEF; height:15px; clear: both; font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif; font-size:9px; color: #517FAE; }
#footer A { font-weight:bold; text-decoration:none; }
#footer A:Visited { font-weight:bold; text-decoration:none; }
#footer A:Link { font-weight:bold; text-decoration:none; }
#footer A:Active { font-weight:bold; text-decoration:none; }
#footer A:Hover { font-weight:bold; text-decoration:underline; }
*/
#inheader { border:0px; height:61px; background-image:url("images/v4/bg_topa.gif"); background-repeat:repeat-x; vertical-align:top; position:relative; }
#print {
float:right; clear:both; padding-bottom:5px; }
#leftmenu { font-size: 11px; width:164px; margin-right:10px; }
#contentLeft { background-color:#ffffff; padding-top:10px; padding-bottom:20px; }
A.down { font-size:11px; font-weight:bold; text-decoration:none; }
A.down:Visited { text-decoration:none; }
A.down:Link { text-decoration:none; }
A.down:Active { text-decoration:none; }
#contentLeft .sub { border:0px; }
#contentLeft .email { font-size:10px; border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #D5D1C8; border-bottom:1px solid #D5D1C8; width:250px; }
#contentLeft H4 { font-size:12px; font-weight:bold; border:0px; margin:0px; color:#D20005;
.tbltd1 { background-color:#F2F2F2; padding:3px; }
.tbltd0 { background-color:#FAFAFA; padding:3px; }
.tbltd2 { background-color:#FFFFFF; padding:3px; }
.textbox TEXTAREA { width:80%; height:200px; }
#licence { width:80%; height:200px; }
*/
.red { color:#D20005; font-weight:bold; font-size:13px; }
.redmiddle { color:#D20005; font-weight:bold; font-size:12px; }
.redsmall { color:#D20005; font-size:9px; }
.m5 { margin-bottom:5px; }
.ml15 { margin-left:15px; }
.threelinesarticle { background-image:url("images/v4/tl.gif"); background-repeat:no-repeat; background-position: 0px 4px; padding-left:15px; font-size:12px; font-weight:bold; }
.rarticlepd { margin-top:8px; background-image:url("images/v4/arr_g.gif"); background-repeat:no-repeat; background-color:#ffffff; }
.related { background-image:url("images/v4/icon_cross.gif"); background-repeat:no-repeat; background-position: 0px 6px; background-color:#ffffff; padding-left:20px; color:#D20005; font-size:14px; font-weight:bold; }
.relatedtext { margin-left:28px; margin-top:14px; margin-right:14px; margin-bottom:14px; font-size:12px; }
.title { font-size:14px; font-weight:bold; color:#D20005; }
.colblue { font-weight:bold; color:#036FAB; }
.colred { font-weight:bold; color:#D20004; }
padding: 10px 30px 10px 30px; margin-left:60px; margin-right:40px; }
.feedback-box { float: right; padding: 5px 10px 5px 10px; margin: 14px 10px 10px 10px; background-color: #F2F7FB; border: 1px black dotted; font-style:italic; } .feedback-box2 { background-color:#F2F7FB; border: 1px dotted black; padding: 3px 3px 3px 3px; } .navigation-box { float:right; border: 1px dotted black; margin:14px 10px 10px 10px; text-align:center; padding:10px 10px 10px 10px; }
/* New nice styles -------------------------------------------------- */ .tooltable { border: 1px solid gray; border-collapse: collapse; }
.tooltable td { line-height:1.6em; border: 1px solid gray; padding: 4px; }
.heading { background-color:#eee; text-align:center; font-weight: bold; }
.datacell { font-size: 11px; }
.actioncell { font-size: 11px; background-color: #F2F7FB; }
.actioncell input, .actioncell textarea {
font: inherit; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }
.actioncell select { font: inherit; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }
.button { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 3px; margin-bottom: 2px; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }
.sotto { color: #4E4E4E; font-size:11px; }
/* netbeans module specific right col and main text */
#module_right_col { float:right; width:196; padding: 0px 0px 5px 7px; backgroud-color: white; }
#module_main_text { margin-right:200px; }