/\*------------------------------------------------------------- Base styles --------------------------------------------------------------\*/ body { background: white; font-family:"Lucida Grande", lucida, Geneva, Arial, sans-serif; } .img { border: 0px; margin: 0px; } /\* entries ----------------------------------------------- \*/ .entryTitle { font-weight: bold; font-size: 130%; } .entryInfo { font-size: 80%; color: #999; } div.dayTitle { font-size: 120%; font-weight:bold; padding: .5em 0 0 0; } div.next-previous { font-size: 80%; text-align: center; padding: .5em 0 .5em 0; } /\* category chooser ----------------------------------------------- \*/ .category-chooser { margin: -50%; width:100%; } .rCategory li { font-size: 80%; display: inline; list-style-type: none; padding-right: 20px; } li.selected { font-weight: bold; } /\* other lists ----------------------------------------------- \*/ ul.rNavigationBar, ul.rMenu, ul.rFolder, ul.rFeeds, ul.rReferersList, ul.rEntriesList { list-style-type: none; padding: 0; margin: 0; font-size: 80%; } ul.rFeeds li { background-image: url(https://blogs.oracle.com/images/feed-icon-12x12.gif); background-repeat: no-repeat; background-position: 0 .2em; padding-left: 1.4em; line-height: 1.5em; } /\* calendar ----------------------------------------------- \*/ .hCalendarDay{ text-align : center; font-size: small; } th.hCalendarDayNameRow { text-align : center; font-size : small; font-weight : bold; } td.hCalendarDayCurrent { text-align : center; font-size : small; font-weight: bold; } td.hCalendarDayLinked { text-align : center; font-size : small; font-weight: bold; } /\* comments ----------------------------------------------- \*/ p.comment-details { font-size: 80%; color: #999; } .comments-syntax-indicator { font-weight: bold; } .comments-syntax-indicator span.enabled { background: transparent; color: green; font-style: italic; } .comments-syntax-indicator span.disabled { background: transparent; color: red; font-style: italic; } form ul{ position: relative; list-style: none; width: 100%; } form li{ line-height: 2em; margin: 0; padding: 1px 1px 6px 9px; } form li.focused{ background-color: #fff7c0 !important; } form li p{ font-size: 9px; line-height: 13px; color: #444; } form li{ display: inline-block; } form[id] li{ display: block; } form li div{ display: inline-block; } form[id] li div{ display: inline; } form .left{ float: left !important; margin: 0; } form .right{ float: right !important; margin: 0; } form .clear{ clear: both; } form li div p{ margin: 0 0 5px 0; } form div.left{ margin-right: 2px !important; } form div.left[class]{ margin-right: 4px !important; } form div.left img{ margin: 0 0 -2px 0; } form h2{ font-size: 1.8em; clear: left; } form .info{ display: inline-block; margin: 0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc !important;} form .info[class]{ display: block; } form .info p{ font-size: 1em; line-height: 1.3em; margin: 0 0 8px 0; } textarea.textarea{margin-bottom: 1px;} textarea.textarea[class]{font-family: "Lucida Grande", Tahoma, "Trebuchet MS", Verdana, sans-serif;} select.select{ padding: 1px 0 0 0; margin: 1px 0 3px 0; } select.select[class]{ margin: 0; padding: 1px 0 1px 0; } form .small{ width: 70px; } form .medium{ width: 170px; } form .large, form textarea.textarea{ width: 340px; } form .tags{ width: 320px; } form textarea.small{ height: 5.5em; } form textarea.medium{ height: 10em; } form textarea.large{ height: 20em; } .choices input{ width: 200px; margin-right: 3px; } .choices ol{ margin: 10px 0 0 0; } .choices[class] ol{ margin: 0 !important; } .choices img{ margin: 0 0 1px 0; } fieldset ol li{ display: list-item !important; margin: 0 5px 2px 3px !important; padding: 0 !important; list-style: inside decimal; } input.button, button { width: 6em; padding: 2px 2px 0 0; /\* fix for IE \*/ } /\* revert to normal for Firefox \*/ li>input.button, li>button, input.button>input.button, button>button { padding: 2px; } label.desc{ margin: 4px 0 3px 0; border: 0; color: #444; font-size: 1em; line-height: 1.3em; display: block; font-weight: bold; } input.text, input.number, input.url, input.email, input.password, input.file, textarea.textarea, select.select{ font-size: 1.2em; border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; color: #333; } input.text, input.number, input.url, input.email, input.password, input.file{ padding: 2px; } input.currency{ text-align: right; } input.checkbox, input.radio{ display: block; line-height: 1.4em; margin: 8px 0 0 3px; width: 13px; height: 13px; } input.focus, textarea.focus { background: #ffd; color: #000; } label.choice{ display: block; line-height: 1.4em; margin: -19px 0 0 25px; padding: 4px 0 5px 0; color: #444; width: 80%; } /\*------------------------------------------------------------- Base styles --------------------------------------------------------------\*/ A: { color: #CC6633; text-decoration: none; font-size: 1em; } A:link { color: #5382A1; text-decoration: none; font-size: 1em; } A:visited { color: #3E6B8A; text-decoration: none; font-size: 1em; } A:active { color: #FF9966; font-size: 1em; } A:hover { font-size: 1em; text-decoration: underline; } .titlehead { font-size: 26px; color: #FFFFFF; font-weight:bold; text-transform: uppercase; padding-left: 10px; margin-top: -20px; vertical-align: -20%; } .search { padding: 2px; } font.date { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #336699; line-height:16px; } font.author { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #336699; line-height:16px; text-transform:lowercase; } font.time { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #336699; line-height:16px; text-transform:uppercase; } font { font-size: 10px; color: #666666; line-height:16px; } /\* fonts \*/ body,font,th,td,p,div,span,a,input,select,textarea,ul,ol,dl,h1,h2,h3,h4,h5,h6,li,big,small,b,pre.sunfont,title,descrip{ font-family:Arial,Helvetica,sans-serif; } /\* font sizes \*/ .copy{font-size:12px} .subhead { font-size: 13px; font-weight: bold; color: #FFFFFF; text-transform: uppercase; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-bottom-style: dotted; border-bottom-color: #FFFFFF; padding-top: 8px; margin-left: 6px; } .descrip { font-size: 16px; color: #FFFFFF; font-weight:bold; top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; clip: rect(auto,auto,auto,auto); left: 22px; padding-left: 10px; } .descriprow { background-image: url(#/themes/sunpacifico/images/descrip.gif); background-repeat: no-repeat; background-position: left bottom; height: 42px; } .image1 { background-image: url(https://blogs.oracle.com/nickyv/resource/thumbnail.gif); background-repeat: no-repeat; background-position: right; float: none; clip: rect(auto); padding-right: 22px; margin-right: 22px; height: 89px; } .entry { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; background-image: url(/themes/sunpacifico/images/gside.gif); background-repeat: no-repeat; background-position: left; margin-bottom: 8px; width: 75%; } ul.rFolder { list-style-type: none; font-size: 12px; margin-left: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .rFolderitem { list-style-type: none; list-style-position: inside; font-size: 12px; text-align: left; padding-left: 0px; list-style-image: none; } .rssbadge,.daypermalink,.entry,.search,.smrssbadge,.rBookmark0,.entry{border:none} .entrytitle { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color: #000000; text-transform: none; font-weight: bold; padding-bottom: 3px; margin-right: 10px; width: 75%; } .dateStamp { padding-top: 6px; padding-bottom: 12px; color: #666666; font-size: 11px; } .container { z-index: 1; padding-top: 8px; margin-right: 10px; margin-left: 10px; min-width:780px; } .rightnav { float: right; text-align: left; clear: left; margin-right: 0px; margin-left: 0px; width: 170px; } .sidebarhead { border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #3E6B8A; padding-top: 6px; padding-bottom: 3px; margin-bottom: 6px; font-weight: bold; color: #FFFFFF; width: 160px; } .rightnavad { padding-bottom: 60px; width: 170px; float: right; clear: none; background-color: #CCFFCC; } .rightnavcol { background-color: #BACDD9; background-image: url(/themes/sunpacifico/images/generic_tlr.gif); background-repeat: no-repeat; background-position: left top; text-align: left; margin-bottom: 8px; padding-bottom: 8px; padding-right: 0px; padding-left: 4px; } .rNavigationBar { font-size: 11px; font-weight: normal; } .affinity { padding-bottom: 2px; } .body { font-size: .9em; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; margin-right: 10px; width: 75%; float: none; position: relative; display: block; } .entrypermalink { padding-top: 6px; font-size: 11px; padding-bottom: 12px; } .entrycommentslink { padding-top: 6px; font-size: 11px; padding-bottom: 12px; } .comment { padding-bottom: 12px; } .entryfooter { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5382A1; padding-top: 3px; padding-bottom: 3px; margin-right: 10px; width: 75%; } .banners { padding-bottom: 6px; } /\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/ /\* CalendarTag.java \*/ /\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/ table.hCalendarTable { text-align : center; width: 158px; background-position: center; } td.hCalendarMonthYearRow { font-weight: bold; font-size: 12px; text-align: left; } .hCalendarNavBar { font-weight: bold; text-align: left; } th.hCalendarDayNameRow { text-align : center; font-size : 9px; font-weight : bold; } tr.hCalendarNextPrev { text-align : left; font-size : x-small; } td.hCalendarDayNotInMonth { font-size : x-small; } td.hCalendarDayCurrent { text-align : center; font-size : x-small; font-weight: bolder; } td.hCalendarDayLinked { text-align : center; font-size : x-small; font-weight: bolder; } div.hCalendarDayTitle { font-size: .9em; text-align: center; } td.hCalendarDay { text-align: center; font-size : x-small; } .hCalendarTitle { text-align : center; font-weight : bolder ; } .hCalendarDay { text-align : center; font-size : 9px; border-width: thin; } .hCalendarDayCurrent { text-align : center; font-size : 9px; font-weight : bolder ; border-width: thin; border-style: dotted; } .hCalendarDayNameRow { text-align : center; font-weight : bolder ; font-size : 9px; } .hCalendarDayLinked { font-weight : bolder ; text-align : center; font-size : 9px; border-width: thin; } .hCalendarDayNotInMonth { text-align : center; font-size : 9px; } .hCalendarNextPrev { text-align : left; font-size : small; font-weight: bold; font-style: normal; } /\*\*\*\*\*\*\*\*\*\*\*\*\*\*/ /\* website.vm \*/ /\*\*\*\*\*\*\*\*\*\*\*\*\*\*/ div.rWeblogCategoryChooser { margin-bottom: 10px; font-weight: normal; margin-right: 10px; width: 75%; overflow: auto; } a.rUnchosenCategory { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } span.rChosenCategory { font-size: 1em; font-weight: bold; } /\* sun colors \*/ .sunred{background:#E76F00} .sunblue{background:#35556B} .sunyellow{background:#FFC726} .sunblue,td.sunred a,td.sunblue a{color:#FFF} td.sunred b,td.sunred div.navtitle{color:#FFF;font-weight:bold} td.sunblue li,td.sunblue ul{color:#FFF;list-style-image:url('/themes/sunpacifico/images/ic_bullet_white.gif')} td.sunblue b,td.sunblue div.navtitle{color:#FFC726} td.sunyellow b,td.sunyellow div.navtitle,td.sunyellow a:link,td.sunyellow a:visited{color:#594FBF} td.sunyellow a:hover{color:#E76F00;text-decoration:underline} .a2{background:#35556B url('/themes/sunpacifico/images/blog_pacifico_h1_full_wide.gif');margin:0px 10px;height:89px;min-width:780px;z-index: 1;} .a2 div.cornerTL{width:100%;height:89px;background:url('/themes/sunpacifico/images/a2_corner_tl.gif') no-repeat top left} .a2 div.cornerTR{width:100%;height:89px;background:url('/themes/sunpacifico/images/a2_corner_tr.gif') no-repeat top right} .a2 div.cornerBL{width:100%;height:89px;background:url('/themes/sunpacifico/images/a2_corner_bl.gif') no-repeat bottom left} .a2 div.cornerBR{width:100%;height:89px;background:url('/themes/sunpacifico/images/a2_corner_br.gif') no-repeat bottom right} /\* generic \*/ body,th,td,p{color:#000} /\* spacer \*/ .sp10{line-height:8px;font-size:8px} .sp8{line-height:7px;font-size:7px} .sp5{line-height:5px;font-size:5px} .sp2{line-height:2px;font-size:2px} .pad8{padding:8px} /\* e8 \*/ .e8v0{background:url("http://www.sun.com/css/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px} .e8v1{background:url("http://www.sun.com/css/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px} .e8v0 div.cornerBL,.e8v1 div.cornerBL{width:170px;height:8px;background:url("http://www.sun.com/css/generic_bl.gif") no-repeat bottom left} .e8v0 div.cornerBR,.e8v1 div.cornerBR{width:170px;height:8px;background:url("http://www.sun.com/css/generic_br.gif") no-repeat bottom right} .e8v0 div.title{color:#FFF;font-weight:bold;padding:8px 8px 2px 8px} .e8v0 div.copy{color:#000;padding:2px 8px 4px 8px} .e8v1 div.copy a:link,.e8v1 div.copy a:visited{color:#FFF} .e8v1 div.title{color:#ED9B09;font-weight:bold;padding:8px 8px 2px 8px} .e8v1 div.copy{color:#FFF;padding:2px 8px 4px 8px} /\* e9 \*/ .e9v0{background:url("http://www.sun.com/css/bg_sunorange.gif") repeat-x left bottom #E76F00;margin-bottom:10px;width:170px} .e9v1{background:url("http://www.sun.com/css/bg_dksunblue.gif") repeat-x left bottom #35556B;margin-bottom:10px;width:170px} .e9 div.cornerBL{width:170px;height:8px;background:url("http://www.sun.com/css/generic_bl.gif") no-repeat bottom left} .e9 div.cornerBR{width:170px;height:8px;background:url("http://www.sun.com/css/generic_br.gif") no-repeat bottom right} .e9 div.cornerTL{width:170px;height:8px;background:url("http://www.sun.com/css/generic_tl.gif") no-repeat top left} .e9 div.cornerTR{width:170px;height:8px;background:url("http://www.sun.com/css/generic_tr.gif") no-repeat top right} .e9v0 div.title{color:#FFF;font-weight:bold;padding:2px 8px 2px 8px} .e9v0 div.copy{color:#000;padding:2px 8px 2px 8px} .e9v1 div.copy a:link,.e9v1 div.copy a:visited{color:#FFF} .e9v1 div.title{color:#ED9B09;font-weight:bold;padding:2px 8px 2px 8px} .e9v1 div.copy{color:#FFF;padding:2px 8px 4px 8px} /\* l2 \*/ .l2 .l2img{float:left;height:88px;width:100px} .l2 .l2title{padding:10px 0px 8px 4px;font-size:15px;font-weight:bold} .l2 a.morelink{font-weight:bold;white-space:nowrap} .l2 a.title{font-weight:bold;font-size:14px} .l2 div.copy{padding-top:4px} .l2 div.plft{background:url("/css/ar_lg_orange.gif") no-repeat top left;padding-left:18px;margin-left:106px} .l2v0{margin-top:15px} /\* e12 \*/ .e12v0{margin-bottom:10px} nicky veitch's Weblog : About

About Me

This is an About page, just a simple example of how you can create your own page.

You can show information about yourself:
Username: nickyv
Full Name: nicky veitch's Weblog
Website Title: nicky veitch's Weblog
Website Description: nicky veitch's Weblog
This Page's Name: About
This Page's Description: About
This Page's Update Time: MMM dd yyyy, hh:mm:ss a z
Show a picture: \ $alt

Don't forget to put a "nav bar" on your pages:

Blogs Home | Weblog | weblog | right-sidebar | About | header | Login