Skip to content

P
PA1-1617-D3TI05
Commit 4cbf40b1 by Fredrick Mangampu Theodorus Pardosi
Options

membuat css

parent ac845490
Showing with 698 additions and 0 deletions
css/960.css 0 → 100644
.container_12, .container_16 {
margin-left:auto;
margin-right:auto;
width:960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:10px;
}
.container_12 .grid_3, .container_16 .grid_4 {
width:220px;
}
.container_12 .grid_6, .container_16 .grid_8 {
width:460px;
}
.container_12 .grid_9, .container_16 .grid_12 {
width:700px;
}
.container_12 .grid_12, .container_16 .grid_16 {
width:940px;
}
.alpha {
margin-left:0;
}
.omega {
margin-right:0;
}
.container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:140px;
}
.container_12 .grid_4 {
width:300px;
}
.container_12 .grid_5 {
width:380px;
}
.container_12 .grid_7 {
width:540px;
}
.container_12 .grid_8 {
width:620px;
}
.container_12 .grid_10 {
width:780px;
}
.container_12 .grid_11 {
width:860px;
}
.container_16 .grid_1 {
width:40px;
}
.container_16 .grid_2 {
width:100px;
}
.container_16 .grid_3 {
width:160px;
}
.container_16 .grid_5 {
width:280px;
}
.container_16 .grid_6 {
width:340px;
}
.container_16 .grid_7 {
width:400px;
}
.container_16 .grid_9 {
width:520px;
}
.container_16 .grid_10 {
width:580px;
}
.container_16 .grid_11 {
width:640px;
}
.container_16 .grid_13 {
width:760px;
}
.container_16 .grid_14 {
width:820px;
}
.container_16 .grid_15 {
width:880px;
}
.container_12 .prefix_3, .container_16 .prefix_4 {
padding-left:240px;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
padding-left:480px;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
padding-left:720px;
}
.container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
}
.container_16 .prefix_1 {
padding-left:60px;
}
.container_16 .prefix_2 {
padding-left:120px;
}
.container_16 .prefix_3 {
padding-left:180px;
}
.container_16 .prefix_5 {
padding-left:300px;
}
.container_16 .prefix_6 {
padding-left:360px;
}
.container_16 .prefix_7 {
padding-left:420px;
}
.container_16 .prefix_9 {
padding-left:540px;
}
.container_16 .prefix_10 {
padding-left:600px;
}
.container_16 .prefix_11 {
padding-left:660px;
}
.container_16 .prefix_13 {
padding-left:780px;
}
.container_16 .prefix_14 {
padding-left:840px;
}
.container_16 .prefix_15 {
padding-left:900px;
}
.container_12 .suffix_3, .container_16 .suffix_4 {
padding-right:240px;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
padding-right:480px;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
padding-right:720px;
}
.container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
}
.container_16 .suffix_1 {
padding-right:60px;
}
.container_16 .suffix_2 {
padding-right:120px;
}
.container_16 .suffix_3 {
padding-right:180px;
}
.container_16 .suffix_5 {
padding-right:300px;
}
.container_16 .suffix_6 {
padding-right:360px;
}
.container_16 .suffix_7 {
padding-right:420px;
}
.container_16 .suffix_9 {
padding-right:540px;
}
.container_16 .suffix_10 {
padding-right:600px;
}
.container_16 .suffix_11 {
padding-right:660px;
}
.container_16 .suffix_13 {
padding-right:780px;
}
.container_16 .suffix_14 {
padding-right:840px;
}
.container_16 .suffix_15 {
padding-right:900px;
}
.container_12 .push_3, .container_16 .push_4 {
left:240px;
}
.container_12 .push_6, .container_16 .push_8 {
left:480px;
}
.container_12 .push_9, .container_16 .push_12 {
left:720px;
}
.container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
}
.container_16 .push_1 {
left:60px;
}
.container_16 .push_2 {
left:120px;
}
.container_16 .push_3 {
left:180px;
}
.container_16 .push_5 {
left:300px;
}
.container_16 .push_6 {
left:360px;
}
.container_16 .push_7 {
left:420px;
}
.container_16 .push_9 {
left:540px;
}
.container_16 .push_10 {
left:600px;
}
.container_16 .push_11 {
left:660px;
}
.container_16 .push_13 {
left:780px;
}
.container_16 .push_14 {
left:840px;
}
.container_16 .push_15 {
left:900px;
}
.container_12 .pull_3, .container_16 .pull_4 {
left:-240px;
}
.container_12 .pull_6, .container_16 .pull_8 {
left:-480px;
}
.container_12 .pull_9, .container_16 .pull_12 {
left:-720px;
}
.container_12 .pull_1 {
left:-80px;
}
.container_12 .pull_2 {
left:-160px;
}
.container_12 .pull_4 {
left:-320px;
}
.container_12 .pull_5 {
left:-400px;
}
.container_12 .pull_7 {
left:-560px;
}
.container_12 .pull_8 {
left:-640px;
}
.container_12 .pull_10 {
left:-800px;
}
.container_12 .pull_11 {
left:-880px;
}
.container_16 .pull_1 {
left:-60px;
}
.container_16 .pull_2 {
left:-120px;
}
.container_16 .pull_3 {
left:-180px;
}
.container_16 .pull_5 {
left:-300px;
}
.container_16 .pull_6 {
left:-360px;
}
.container_16 .pull_7 {
left:-420px;
}
.container_16 .pull_9 {
left:-540px;
}
.container_16 .pull_10 {
left:-600px;
}
.container_16 .pull_11 {
left:-660px;
}
.container_16 .pull_13 {
left:-780px;
}
.container_16 .pull_14 {
left:-840px;
}
.container_16 .pull_15 {
left:-900px;
}
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}
* html .clearfix, *:first-child+html .clearfix {
zoom:1;
}
css/layout.css 0 → 100644
.col1, .col2, .col3, .col4, .cols {
float:left
}
.col1 {
width:285px
}
.cols {
width:210px
}
.col2 {
width:440px
}
.col3 {
width:430px
}
.col4 {
width:195px
}
/* index.html */
#page1 .body1 {
background: url(../images/bg_top.gif) top repeat-x #0e0b06
}
#page1 header {
height:614px
}
/* index-1.html */
#page2 .dropcap1 {
font-size:39px;
line-height:1.2em
}
#page2 .dropcap1 span {
margin-top:3px
}
#page2 #content2 .cols {
width:200px
}
#page2 #content2 .pad_left1 {
padding-left:40px
}
#page2 #content2 {
padding-bottom:36px
}
/* index-2.html */
#page3 .marg_right1 {
margin-right:30px
}
#page3 #content .dropcap1 {
font-size:39px;
line-height:1.2em
}
#page3 #content .dropcap1 span {
margin-top:3px
}
#page3 #content .pad_left1 {
padding-left:40px
}
#page3 #content2 {
padding-bottom:22px
}
/* index-3.html */
#page4 header {
height:157px
}
#page4 #content2 {
padding-bottom:22px;
padding-top:12px
}
#page4 #content2 .cols {
width:280px
}
#page4 #content2 .pad_left1 {
padding-left:40px
}
#page4 #content2 {
padding-bottom:44px
}
/* index-4.html */
#page5 header {
height:157px
}
#page5 #content2 {
padding-bottom:22px;
padding-top:12px
}
#page5 .cols {
width:600px
}
#page5 .marg_right1 {
margin-right:30px
}
css/reset.css 0 → 100644
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
background:transparent;
border:0 none;
font-size:100%;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:top
}
ol, ul {
list-style:none
}
blockquote, q {
quotes:none
}
table, table td {
padding:0;
border:none;
border-collapse:collapse
}
img {
vertical-align:top
}
embed {
vertical-align:top
}
* {
border:none
}
css/style.css 0 → 100644
This diff is collapsed. Click to expand it.
css/style2.css 0 → 100644
This diff is collapsed. Click to expand it.
css/style4.css 0 → 100644
This diff is collapsed. Click to expand it.
css/text.css 0 → 100644
body {
font:12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a:focus {
outline:1px dotted;
}
hr {
border:0 #ccc solid;
border-top-width:1px;
clear:both;
height:0;
}
h1 {
font-size:25px;
}
h2 {
font-size:23px;
}
h3 {
font-size:21px;
}
h4 {
font-size:19px;
}
h5 {
font-size:17px;
}
h6 {
font-size:15px;
}
ol {
list-style:decimal;
}
ul {
list-style:disc;
}
li {
margin-left:30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
margin-bottom:20px;
}
.style1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
css/thickbox.css 0 → 100644
* {
padding:0;
margin:0;
}
#TB_window {
font:12px Arial, Helvetica, sans-serif;
color:#333333;
}
#TB_secondLine {
font:10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {
color:#666666;
}
#TB_window a:visited {
color:#666666;
}
#TB_window a:hover {
color:#000;
}
#TB_window a:active {
color:#666666;
}
#TB_window a:focus {
color:#666666;
}
#TB_overlay {
position:fixed;
z-index:10000;
top:0;
left:0;
height:100%;
width:100%;
}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
* html #TB_overlay {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position:fixed;
background:#ffffff;
z-index:10002;
color:#000000;
display:none;
border:4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin:15px 0 0 15px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #666;
border-left:1px solid #666;
}
#TB_caption {
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow {
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow {
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle {
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title {
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent {
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
padding:15px;
}
#TB_ajaxContent p {
padding:5px 0;
}
#TB_load {
position:fixed;
display:none;
height:13px;
width:208px;
z-index:10003;
top:50%;
left:50%;
margin:-6px 0 0 -104px;
}
* html #TB_load {
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
z-index:9999;
position:fixed;
top:0;
left:0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity:0;
opacity:0;
height:100%;
width:100%;
}
* html #TB_HideSelect {
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment