Scribd
Upload
14 views

Kode Css

This document contains CSS code for styling elements on a webpage for an online warteg (Indonesian food stall) store. It defines styles for body text, headings, navigation links, sections, figures, and other semantic HTML5 elements. Styles are set for colors, fonts, positioning of elements, borders and more. The CSS is formatted to display blocks, floats, and other properties to layout the web page sections.

Uploaded by

aisyah Nur
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
14 views

Kode Css

This document contains CSS code for styling elements on a webpage for an online warteg (Indonesian food stall) store. It defines styles for body text, headings, navigation links, sections, figures, and other semantic HTML5 elements. Styles are set for colors, fonts, positioning of elements, borders and more. The CSS is formatted to display blocks, floats, and other properties to layout the web page sections.

Uploaded by

aisyah Nur
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

C:\Users\user\Documents\css\Membuat Toko Online dengan HTML 5 dan CSS\warteg.

css 19 April 2016 11:25

header, section, footer, aside, nav, article, figure, figcaption {


display: block;}
body {
color: #666666;
background-color: #f9f8f6;
background-image: url("images/dark-wood.jpg");
background-position: center;
font-family: Georgia, Times, serif;
line-height: 1.4em;
margin: 0px;}
.wrapper {
width: 940px;
margin: 20px auto 20px auto;
border: 2px solid #000000;
background-color: #ffffff;}
header {
height: 160px;
background-image: url(images/header.png);}
h1 {
text-indent: -9999px;
width: 940px;
height: 130px;
margin: 0px;}
nav, footer {
clear: both;
color: #ffffff;
background-color: #aeaca8;
height: 30px;}
nav ul {
margin: 0px;
padding: 5px 0px 5px 30px;}
nav li {
display: inline;
margin-right: 40px;}
nav li a {
color: #ffffff;}
nav li a:hover, nav li a.current {
color: #000000;}
section.courses {
float: left;
width: 659px;
border-right: 1px solid #eeeeee;}
article {
clear: both;
overflow: auto;
width: 100%;}
hgroup {
margin-top: 40px;}
figure {
float: left;
width: 290px;
height: 220px;
padding: 5px;
margin: 20px;
border: 1px solid #eeeeee;}
figcaption {
font-size: 90%;

-1-
C:\Users\user\Documents\css\Membuat Toko Online dengan HTML 5 dan CSS\warteg.css 19 April 2016 11:25

text-align: left;}
aside {
width: 230px;
float: left;
padding: 0px 0px 0px 20px;}
aside section a {
display: block;
padding: 10px;
border-bottom: 1px solid #eeeeee;}
aside section a:hover {
color: #985d6a;
background-color: #efefef;}
a{
color: #de6581;
text-decoration: none;}
h1, h2, h3 {
font-weight: normal;}
h2 {
margin: 10px 0px 5px 0px;
padding: 0px;}
h3 {
margin: 0px 0px 10px 0px;
color: #de6581;}
aside h2 {
padding: 30px 0px 10px 0px;
color: #de6581;}
footer {
font-size: 80%;
padding: 7px 0px 0px 20px;}

-2-

You might also like