CSS Styling for a Website, Lecture notes of Java Programming

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

2011/2012

Uploaded on 08/09/2012

dhanyaa
dhanyaa šŸ‡®šŸ‡³

4.7

(3)

60 documents

1 / 20

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
/* 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;
docsity.com
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14

Partial preview of the text

Download CSS Styling for a Website and more Lecture notes Java Programming in PDF only on Docsity!

/* 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; }

/*

INNER SPECIFIC

*/

#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; }

/*

OTHER STYLES

*/

.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; }