@import url( "http://www.chocoboard.com/main/wp-content/sitetemplates/nikynik_orange/templates/wp-layout.css" );
/*
Theme Name: Coco
Theme URI: http://www.nikynik.com/
Description: Blue theme based on the famous Kubrick.
/* background */
body {
background-image:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickbgcolor.jpg);
border:none;
}
#page {
background:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickbg.jpg) repeat-y top;
border: none;
}
#header {
background:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickheader.jpg) no-repeat bottom center;
}
#footer {
background:url(/main/wp-content/sitetemplates/nikynik_orange/images/kubrickfooter.jpg) no-repeat bottom;
border: none;
font-size:10px;
margin-top:10px;
}
/* Begin Typography & Colors */
body {
color : #000000;
margin-bottom : 20px;
padding : 0px;
background-color : #FFFFFF;
font-size: 11px; /* Resets 1em to 10px */
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
/*text-align: center; */
}
#page {
background-color: white;
/*border: 1px solid #959596;*/
text-align: left;
}
#header {
background-color: #ffffff;
}
#content {
font-size: 1.2em;
}
.widecolumn .entry p {
font-size: 1.05em;
}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
/*text-align: center;*/
text-align:left;
font-weight:lighter;
}
.alt2 {
background-color:#F7F7F7;
/*
background-image: url(/main/wp-content/sitetemplates/nikynik_orange/images/back.gif);*/
}
.alt {
background-color: #f6f6f6;
}
.wp-smiley {
border: none;
}
#footer {
background-color: #transparent;
}
small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
small a, small a:link, small a:visited {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
h1 {
font-size: 4em;
text-align: center;
}
.description {
font-size: 1.2em;
text-align: center;
}
h2 {
font-size: 1.6em;
}
h2.pagetitle {
font-size: 1.6em;
}
h3 {
font-size: 1.3em;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #996600;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite {
text-decoration: none;
}
.entry p a:visited {
color: #996600;
}
.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
/*font-weight: bold;*/
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
.commentlist a, .commentlist a:link{
color:#000000;
}
.commentlist a:hover {
color: #996600;
text-decoration: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
small, .nocomments, .postmetadata, strike {
color: #000000;
font-size: 10px;
font-weight: bold;
}
{
color:#000000;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: #996600;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
#wp-calendar {
font-size:10px;
}
#wp-calendar #prev a {
font-size: 10px;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar td {
padding:0;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */
/* Begin Structure */
body {
margin: 0;
padding: 0;
}
#page {
background-color: white;
/*margin: 20px auto;*/
margin:10px 0 0 30px;
padding: 0;
width: 760px;
/*border: 1px solid #959596;*/
}
#header {
padding: 0;
/*margin: 0 auto;*/
margin-left:1px;
height: 200px;
width: 100%;
background-color: #996600;
}
#headerimg {
height: 200px;
width: 100%;
}
.narrowcolumn {
float: left;
padding: 0 10px 0 10px;
margin: 5px 0 0 10px;
width: 468px;
}
.widecolumn {
padding: 5px 0 5px 5px;
margin: 5px 0 0 20px;
width: 650px;
}
.post {
text-align: justify;
}
.entrytext ul {
margin : 2px;
padding-left : 10px;
list-style : none;
}
.entrytext ul li, .entrytext ul ol {
line-height : 15px;
padding-left : 15px;
padding-top : 0px;
background-image : url(/main/wp-content/sitetemplates/nikynik_orange/images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px; height: 92px;
clear: both;
color: #FFFFFF;
}
#footer p {
margin: 0;
/*padding: 30px 0;*/
padding-top:20px;
text-align: center;
}
#footer a, #footer a:link, #footer a:visited{
color: #FFFFFF;
}
/* End Structure */
/* Begin Headers */
#buttons {
float: left;
margin: -22px 0 0 1px;
padding: 0px;
width: 100%;
}
ul#mainlevel-nav {
font-size : 11px;
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
display: block;
background-image: none;
padding-left: 1px;
padding-right: 1px;
float: left;
margin: 0;
width: auto !important;
font-size: 11px;
line-height: 21px;
white-space: nowrap;
border-right: 1px solid #cccccc;
}
ul#mainlevel-nav li a {
font-size : 11px;
display : block;
padding-left : 15px;
padding-right : 16px;
text-decoration : none;
color : #999999;
background : transparent;
}
ul#mainlevel-nav li a:hover {
font-size : 11px;
color : #996600;
}
h1 {
padding-top: 70px;
margin: 0;
}
.description {
text-align: center;
}
h2 {
margin: 30px 0 0;
}
h2.pagetitle {
margin-top: 30px;
text-align: center;
}
h3 {
padding: 0;
margin: 30px 0 0;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}
html>body .entry li {
margin: 7px 0 8px 10px;
}
.entry ul li:before {
content: "\00BB \0020";
}
.entry ol {
padding: 0 0 0 35px;
margin: 0;
}
.entry ol li {
margin: 0;
padding: 0;
}
.postmetadata, .postmetadata a, .postmetadata a:link, .postmetadata a:visited, .postmetadata a:hover {
font-size: 9px;
}
.postmetadata a {
color: #996600;
}
.postmetadata a:hover, .postmetadata a:active {
color: #000000;
text-decoration:underline;
}
.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
margin: 10px auto;
padding: 5px 3px;
text-align: center;
}
#menu #searchform #s {
background: #ffffff;
/* background: url(/main/wp-content/sitetemplates/nikynik_orange/images/input_bg.gif); */
background-repeat: repeat-x;
border: 1px solid #cccccc;
width: 131px;
padding: 2px;
float: left;
font-size: 1em;
color: #888888;
}
#menu #searchsubmit {
padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform textarea {
/*background-color: #e0f1fe;*/
color:#996600;
border: 1px solid #959596;
width: 300px;
padding: 4px;
font: 0.8em Verdana, Arial, Sans-Serif;
}
input {
/*color: White;*/
color:#996600;
font: 0.9em Verdana, Arial, Sans-Serif;
padding: 2px;
/*text-transform: uppercase;*/
/*background: url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);*/
border: 1px solid #e9e9e9;
margin-right: 1px;
text-decoration:none;
}
#commentform #submit {
color:#996600;
font: 0.9em Verdana, Arial, Sans-Serif;
padding: 2px;
text-transform: uppercase;
/*background: url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);*/
border: 1px solid #E9E9E9;
}
#commentform textarea:focus, #commentform input:focus, .entry form:focus, #s:focus {
/*background-color: #e0f1fe; */
border: 1px solid #959596;
font: 0.8em Verdana, Arial, Sans-Serif;
}
#commentPreview {
width: 374px;
font: 0.9em Verdana, Arial, Sans-Serif;
background-color: #fff;
border-top: 1px solid #959596;
border-bottom: 1px solid #959596;
border-left: 1px solid #959596;
border-right: 1px solid #959596;
padding: 6px;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
/* Super Archives */
.livearchive {
background #e8dfba;
}
#teb-super-archive {
margin-left: 0px;
}
#teb-super-archive ul {
padding: 0;
}
#teb-super-archive ul li {
text-align: left;
padding: 1px 8px;
}
#teb-super-archive ul li:hover {
background: #ece8d9;
border-top: 1px solid #e8dfba;
border-bottom: 1px solid #e8dfba;
padding-top: 0;
padding-bottom: 0;
}
html>body .post #teb-super-archive ul li {
text-indent: 0;
margin: 0;
}
.post #teb-super-archive ul li:before {
content: "";
}
#teb-super-archive-year {
float: left;
width: 100px;
margin: 0;
padding: 0;
}
#teb-super-archive-year li {
position: relative;
font-weight: bold;
}
#teb-super-archive-month {
float: left;
width: 100px;
margin: 0;
border-left: 1px solid #bbae7a;
font-weight: bold;
}
#teb-super-archive-month li {
position: relative;
}
#teb-super-archive-post {
float: left;
width: 410px;
margin: 0;
border-left: 1px solid #bbae7a;
border-right: 1px solid #bbae7a;
}
#teb-super-archive-post li {
position: relative;
font-weight: bold;
}
#teb-super-archive ul li span {
position: absolute;
right: 8px;
font-weight: normal;
color: #aaa;
}
#teb-super-archive .selected, #teb-super-archive-post li:hover {
background: #e8dfba;
border-top: 1px solid #bbae7a;
border-bottom: 1px solid #bbae7a;
padding-top: 0;
padding-bottom: 0;
}
/* Begin menu */
#menu {
width:200px;
margin-left:509px;
}
#menu .bound {
display : block;
font-size : 12px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
background-color : #EDEDED;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #333333;
width : 198px;
/*text-indent : 10px;*/
}
#menu ul {
margin-bottom:0;
list-style-type:none;
}
#menu ul li, #menu ul ul, #menu ul ul ul {
margin:0px;
padding:0px;
}
#menu ul#linkslist {
margin:0px;
}
#menu ul#linkslist {
margin:0px;
}
#wrap > #menu ul#linkslist{
}
#menu p{
margin: 0 15px;
}
#menu h2{
font-size : 11px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
height : 21px;
line-height : 21px;
text-indent : 8px;
letter-spacing : 1px;
color : #FFF;
background-image : url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);
width: 198px;
}
#menu p{
margin-top:0px;
margin-bottom:0px;
color: #555;
word-spacing: -1px;
font-size:10px;
}
#menu ul ul li, #menu ul ol li {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size:10px;
}
#menu ul ul li a, #menu ul ol li a {
padding : 0px 0px 0px 0px;
font-size : 12px;
width : 198px;
background-color : #ECEAD8;
text-indent : 10px;
}
#menu ul ul li a:link, #menu ul ul li a:visited, #menu ul ol li a:link, #menu ul ol li a:visited{
display : block;
font-size : 12px;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #999999;
background-color : #EDEDED;
font-weight : normal;
padding : 2px 0px 2px 0px;
color : #333333;
width : 198px;
text-indent : 10px;
}
#menu ul ul li a:hover, #menu ul ol li a:hover {
border-top : 1px solid #999999;
border-bottom : 1px solid #ffffff;
background-color : #E3E3e3;
font-size : 12px;
font-weight : normal;
text-decoration : none;
text-indent : 10px;
}
/* End menu */
/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
background-color:#EDEDED;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
color: White;
font: 0.9em Verdana, Arial, Sans-Serif;
padding: 2px;
text-transform: uppercase;
background: url(/main/wp-content/sitetemplates/nikynik_orange/images/modul.jpg);
border: 1px solid #e9e9e9;
margin-right: 1px;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #e0f1fe; }
/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
margin: 15px 30px 0 0;
padding-left: 20px;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
background : transparent url(/main/wp-content/sitetemplates/nikynik_orange/images/back.gif);
border: 2px solid #996600;
color : #996600;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
.gravatar {
float:left;
padding: 3px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #b5b5b5;
}
/* End Various Tags & Classes*/
#topbar {
padding: 0;
height:10px;
width: 770px;
text-align: right;
}
#topbar a:link {
text-decoration: none;
page-break-after: always;
}
#topbar a:visited {
text-decoration: none;
}
#sidebararea #sidebarmenu {
text-align: left;
}
#sidebarcontents {
text-align: left;
}
2008-10-11 | Posted in:
Free
Mungkin saat Anda berencana melamar kerja atau menawarkan jasa untuk menangani suatu proyek, Anda diminta untuk mengirimkan portofolio diri atau karya Anda. Anda mungkin masih bingung dengan portofolio itu sendiri.
Nah, agar Anda tidakbingung lagi Anda mesti tahu bahwa portofolio merupakan kumpulan karya-karya terbaik yang telah Anda buat dalam waktu tertentu. Saat ini bisa jadi portofolio merupakan elemen terpenting dalam melamar pekerjaan atau menawarkan jasa Anda.
Terutama bagi Anda dengan pendidikan dan pengalaman kerja yang erat dengan seni. Seperti misalnya desain grafis, arsitektur, dan fotografi. Bidang jurnalistik juga bisa Anda buat dalam portfolio dengan membuat kliping tulisan dan prestasi Anda.
Sedangkan isi portofolio bisa disusun berdasarkan tugas-tugas yang sudah Anda buat selama Anda bekerja. Ingat, dalam membuat portofolio Anda tidak boleh sembarangan. Karena, portofolio mempunyai pengaruh yang cukup besar dalam melamar pekerjaan maupun menawarkan jasa tersebut.
Terpenting yang harus Anda ketahui adalah portofolio berfungsi sebagai ajang ‘menjual diri’. Portofolio juga bisa menunjukkan karakter dan kemampuan Anda yang sesungguhnya.
Nah, berikut 6 saran bagi Anda dalam membuat portofolio. Anda simak!
- Pilihlah karya terbaik yang Anda miliki yang sekaligus mewakili selera pribadi Anda. Untuk itu, Anda harus selektif memilih karya-karya yang anda miliki. Jangan sekalipun Anda menyertakan hasil karya yang Anda sendiri sadar bahwa karya itu tidak begitu bagus.
- Karya yang Anda pilih harus dapat menunjukkan spesialisasi Anda. Misalkan, Anda berpengalaman di bidang fotografi fashion, maka tonjolkan foto-foto fashion ketimbang foto-foto still life. Jika Anda piawai dalam desain interior kantor maka tonjolkan karya desain interior terbaik Anda.
- Bisa juga Anda sertakan keterangan gambar dengan memuat tanggal dibuat dan sedikit penjelasan tentang karya Anda. Misalnya kapan dan dalam rangka apa Anda membuat karya tersebut.
- Jangan sekalipun Anda menyertakan hasil karya teman atau orang lain di dalam portofolio Anda. Jika orang yang karyanya Anda bajak itu tahu, Anda akan berurusan panjang dengannya. Anda akan dikenakan tuduhan telah melanggar HAKI (Hak Atas Kekayaan Intelektual). Biar bagaimanapun lebih aman menyertakan karya asli pribadi.
- Gunakan format kertas yang tidak terlalu besar. Karena kertas yang besar selain boros, juga akan menyulitkan jika Anda harus melakukan presentasi atas karya-karya Anda. Lebih baik Anda gunakan kertas A4, walaupun Anda membuat portofolio arsitektur maupun seni rupa.
- Untuk warna dasar Anda bebas memilih sesuai selera Anda. Tetapi agar lebih jelas mungkin Anda bisa memilih hitam sebagai warna dasar hasil karya-karya Anda.
Semoga artikel di atas bermanfaat bagi Anda. Kenali dan cobalah! Sukses untuk Anda!
www.glorianet.org
Comments | RSS for comments | No Trackback|
(0)