CSS para Javascript

[dbasser]

Olá pessoal,

Não manjo nada de CSS nem de Javascript, apenas baixo os templates e vou alterando as propriedades :blush: .

Eu gostaria de saber como o script CSS abaixo ficaria em java script:

<style type="text/css">

body {

margin: 0;

padding: 0;

text-align: left;

background: #014D5D url(background.png);

background-repeat:repeat-x;

}

*

{

margin: 0 auto 0 auto;

text-align:auto;

}

#page

{

display: block;

height:auto;

position: relative;

overflow: hidden;

width: 670px;

}

.contentBox

{

position:relative;

width:800px;

height:auto;

top:0px;

background-repeat:repeat-x;

padding-bottom:35px;

background-color:#FFFFFF;

}

.contentBox .innerBox

{

position:relative;

width:auto;

height:auto;

top:0px;

margin-left:40;

background-image:url(content_back.png);

background-repeat:repeat-x;

padding-bottom:10px;

}

.contentTitle

{

font-size:19px;

margin-bottom:0px;

padding-top:18px;

margin-left:15px;

margin-top:15px;

}

.contentText

{

font-size:13px;

line-height:24px;

margin-left:35px;

margin-right:35px;

}

.contentText2

{

font-size:13px;

line-height:24px;

margin-left:35px;

margin-right:35px;

}

*

{

border: 0;

margin: 0;

}

img

{

border: 0px;

}

body{

font: 12px Arial, Helvetica, sans-serif;

color: #000000;

line-height: 18px;

padding-bottom: 23px;

}

#main {

width: 1012px;

margin: 0px auto;

}

#box_all {

float: center;

height: 500px;

background:url(http://www.photoshoparea.com/thumbs/Metal.jpg) left top;

padding-top: 10px;}

#box_all h1 {

text-align:center;

font-size:18px;

color:#FFFFFF;

font-weight:100;

padding: 12px 0px 23px 0px;}

#box_all .text {

padding: 0px 10px 0px 20px;}

.box_munth {

float: left;

width: 60px;

padding: 60px 0px 0px 0px}

.munth {

color:#FFFFFF;

font-weight:bold;

background: url(box_fish1.png) 0px 11px no-repeat;

padding: 7px 0px 7px 28px;

text-decoration:none;}

.box {

width: 206px;

height: 240px;

float: left;

}

.box_razd {float:left; width: 10px; height: 10px;}

.box1 { background:url(box1.png) ;}

.box2 { background:url(box2.png) ;}

.box3 { background:url(box3.png) ;

width: 211px}

.box4 { background:url(box4.png) ;}

.b { color: #0E76BD;

font-weight:100;

font-style:italic;}

.g { color: #0D748A;

font-weight:100;

font-style:italic;}

.gr { color: #0E9A40;

font-weight:100;

font-style:italic;}

.o { color: #DE7C09;

font-weight:100;

font-style:italic;}

.img_box { float:left;

margin: 6px 7px 3px 0px;

}

#left H1{

font-family: Arial, Helvetica, sans-serif;

font-size:18px;

font-weight: 100;

color: #2A3A83;

text-align:left;

padding: 5px 0px 10px 0px;

}

#right H1{

font-family: Arial, Helvetica, sans-serif;

font-size:18px;

font-weight: 100;

color: #2A3A83;

text-align:left;

padding: 5px 0px 10px 0px;

}

.read{

text-align:right;

padding-right:5px;

padding-top: 6px;

font-weight:bold;

}

.read a{

color: #0056CC;

text-decoration: underline;}

.read a:hover {

text-decoration:none;}

#right{

float: right;

width: 620px;

margin-right: 18px;

padding: 0px 0px 0px 0px;

}

</style>