@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;
}
2007-06-27 | Posted in:
Work
Mengupas kata Zodiak tentang kinerja anda. Apakah anda tipe pekerja keras, tipe pemalas ataukah anda seorang yang pandai bernegosiasi? Temukan siapa dan bagaimana diri anda dalam artikel berikut.
Anda dapat dengan mudah menemui mereka menyebar gosip diberbagai sudut kantor. Mereka dapat menjadi orang yang mampu membujuk dengan sangat baik dan merupakan sales atau mediator ideal.
(Read Post)
Comments | RSS for comments | Trackback(44)|
(0)
2007-03-01 | Posted in:
Work
The first steps to becoming a really great manager are simply common sense; but common sense is not very common. This article suggests some common-sense ideas on the subject of great management.
The major problem when you start to manage is that you do not actually think about management issues because you do not recognize them. Put simply, things normally go wrong not because you are stupid but only because you have never thought about it. Management is about pausing to ask yourself the right questions so that your common sense can provide the answers.
When you gain managerial responsibility, your first option is the easy option: do what is expected of you. You are new at the job, so people will understand. You can learn (slowly) by your mistakes and probably you will try to devote as much time as possible to the rest of your work (which is what your were good at anyway). Those extra little “management” problems are just common sense, so try to deal with them when they come up.
Your second option is far more exciting: find an empty telephone box, put on a cape and bright-red underpants, and become a SuperManager.
When you become a manager, you gain control over your own work; not all of it, but some of it. You can change things. You can do things differently. You actually have the authority to make a huge impact upon the way in which your staff work. You can shape your own work environment.
In a large company, your options may be limited by the existing corporate culture - and my advice to you is to act like a crab: face directly into the main thrust of corporate policy, and make changes sideways. You do not want to fight the system, but rather to work better within it. In a small company, your options are possibly much wider (since custom is often less rigid) and the impact that you and your team has upon the company's success is proportionately much greater. Thus once you start working well, this will be quickly recognized and nothing gains faster approval than success. But wherever you work, do not be put off by the surprise colleagues will show when you first get serious about managing well.
(Read Post)
Comments | RSS for comments | No Trackback|
(0)