home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / music1 / css / style.css
Encoding:
Cascading Style Sheet File  |  2002-07-29  |  7.9 KB  |  524 lines
  1. /* CSS Document */
  2.  
  3. #container
  4. {
  5. width:780px;
  6. height:626px;
  7. margin:auto;
  8. background-color:#171A23;
  9. }
  10.  
  11. #img1
  12. {
  13.     background-image:url(../images/img1.jpg);
  14.     background-repeat:no-repeat;
  15.     width:337px;
  16.     height:551px;
  17.         
  18. }
  19.  
  20. #link
  21. {
  22. background-image:url(../images/link.jpg);
  23. background-repeat:no-repeat;
  24. width:578px;
  25. height:72px;
  26. margin-left:200px;
  27. }
  28.  
  29. .links
  30. {
  31. font-family:Arial, Helvetica, sans-serif;
  32. font-weight:bold;
  33. font-size:12px;
  34. color:#ffffff;
  35. text-decoration:none;
  36. }
  37. .links:hover
  38. {
  39. font-family:Arial, Helvetica, sans-serif;
  40. font-weight:bold;
  41. font-size:12px;
  42. color:#6F385D;
  43. text-decoration:none;
  44. }
  45.  
  46. #home
  47. {
  48. width:49px;
  49. font-family:Verdana, Arial, Helvetica, sans-serif;
  50. color:#ffffff;
  51. font-size:12px;
  52. font-weight:normal;
  53. font-style:normal;
  54. height:19px;
  55. float:left;
  56. padding-left:47px;
  57. margin-top:30px;
  58. }
  59.  
  60. #abt
  61. {
  62. width:70px;
  63. font-family:Verdana, Arial, Helvetica, sans-serif;
  64. color:#ffffff;
  65. font-size:12px;
  66. font-weight:normal;
  67. font-style:normal;
  68. height:19px;
  69. float:left;
  70. padding-left:55px;
  71. margin-top:30px;
  72. }
  73.  
  74. #releases
  75. {
  76. width:70px;
  77. font-family:Verdana, Arial, Helvetica, sans-serif;
  78. color:#ffffff;
  79. font-size:12px;
  80. font-weight:normal;
  81. font-style:normal;
  82. height:19px;
  83. float:left;
  84. padding-left:36px;
  85. margin-top:30px;
  86. }
  87.  
  88. #catalogue
  89. {
  90. width:70px;
  91. font-family:Verdana, Arial, Helvetica, sans-serif;
  92. color:#ffffff;
  93. font-size:12px;
  94. font-weight:normal;
  95. font-style:normal;
  96. height:19px;
  97. float:left;
  98. padding-left:33px;
  99. margin-top:30px;
  100. }
  101.  
  102. #contact
  103. {
  104. width:70px;
  105. font-family:Verdana, Arial, Helvetica, sans-serif;
  106. color:#ffffff;
  107. font-size:12px;
  108. font-weight:normal;
  109. font-style:normal;
  110. height:19px;
  111. float:left;
  112. padding-left:47px;
  113. margin-top:30px;
  114. }
  115. #bg1
  116. {
  117. width:411px;
  118. height:157px;
  119. background-color:#000000;
  120. margin-top:-490px;
  121. margin-left:345px;
  122. }
  123. #pink
  124. {
  125. background-image:url(../images/pink.jpg);
  126. width:411px;
  127. height:49px;
  128.  
  129. }
  130.  
  131. #title1
  132. {
  133. width:240px;
  134. font-family:Verdana, Arial, Helvetica, sans-serif;
  135. color:#FBFCFC;
  136. font-size:18px;
  137. font-weight:normal;
  138. font-style:normal;
  139. height:29px;
  140. padding-top:15px;
  141. padding-left:10px;
  142. }
  143.  
  144. #content1
  145. {
  146. width:388px;
  147. height:5px;
  148. font-family:Verdana, Arial, Helvetica, sans-serif;
  149. color:#9B6E84;
  150. font-size:11px;
  151. font-weight:normal;
  152. font-style:normal;
  153. padding-left:10px;
  154. padding-top:5px;
  155. }
  156.  
  157. #content2
  158. {
  159.     width:388px;
  160.     height:25px;
  161.     font-family:Verdana, Arial, Helvetica, sans-serif;
  162.     color:#ffffff;
  163.     font-size:11px;
  164.     font-weight:normal;
  165.     font-style:normal;
  166.     padding-top:10px;
  167. }
  168.  
  169. .content3
  170. {
  171. width:220px;
  172. font-family:Verdana, Arial, Helvetica, sans-serif;
  173. color:#956C80;
  174. font-size:11px;
  175. font-weight:normal;
  176. font-style:normal;
  177. height:5px;
  178. margin-top:-12px;
  179. margin-left:178px;
  180.  
  181.  
  182. }
  183.  
  184. #more1
  185. {
  186.     width:40px;
  187.     font-family:Verdana, Arial, Helvetica, sans-serif;
  188.     color:#fefef6;
  189.     font-size:10px;
  190.     font-weight:normal;
  191.     font-style:normal;
  192.     height:15px;
  193.     padding-left:350px;
  194.     
  195. }
  196.  
  197. #style1
  198. {
  199. width:40px;
  200. font-family:Verdana, Arial, Helvetica, sans-serif;
  201. color:#ffffff;
  202. font-size:11px;
  203. font-weight:normal;
  204. font-style:normal;
  205. height:15px;
  206. margin-top:65px;
  207. padding-left:425px;
  208. }
  209. .style1
  210. {
  211. font-family:Arial, Helvetica, sans-serif;
  212. font-weight:normal;
  213. font-size:11px;
  214. color:#ffffff;
  215. text-decoration:none;
  216.  
  217. }
  218. .style1:hover
  219. {
  220. font-family:Arial, Helvetica, sans-serif;
  221. font-weight:normal;
  222. font-size:11px;
  223. color:#643451;
  224. text-decoration:none;
  225. }
  226.  
  227.  
  228. #bg2
  229. {
  230. width:185px;
  231. height:171px;
  232. background-color:#000103;
  233. margin-top:8px;
  234. margin-left:353px;
  235. }
  236.  
  237.  
  238. #green
  239. {
  240. background-image:url(../images/green.jpg);
  241. background-repeat:no-repeat;
  242. width:185px;
  243. height:47px;
  244.  
  245. }
  246.  
  247. #title2
  248. {
  249. width:159px;
  250. font-family:Verdana, Arial, Helvetica, sans-serif;
  251. color:#FBFCFC;
  252. font-size:18px;
  253. font-weight:normal;
  254. font-style:normal;
  255. height:30px;
  256. padding-top:15px;
  257. padding-left:10px;
  258. }
  259.  
  260. #content5
  261. {
  262. width:154px;
  263. font-family:Verdana, Arial, Helvetica, sans-serif;
  264. color:#4B9249;
  265. font-size:11px;
  266. font-weight:normal;
  267. font-style:normal;
  268. height:58px;
  269. padding-top:5px;
  270. padding-left:10px;
  271. } 
  272.  
  273. #content6
  274. {
  275. width:154px;
  276. font-family:Verdana, Arial, Helvetica, sans-serif;
  277. color:#F4F4F4;
  278. font-size:11px;
  279. font-weight:normal;
  280. font-style:normal;
  281. height:5px;
  282. padding-top:1px;
  283. padding-left:10px;
  284. }
  285.  
  286. #more2
  287. {
  288.     width:40px;
  289.     font-family:Verdana, Arial, Helvetica, sans-serif;
  290.     color:#fefef6;
  291.     font-size:10px;
  292.     font-weight:normal;
  293.     font-style:normal;
  294.     height:15px;
  295.     padding-left:117px;
  296.     padding-top:6px;
  297. }
  298.  
  299.  
  300. #style2
  301. {
  302. width:40px;
  303. font-family:Verdana, Arial, Helvetica, sans-serif;
  304. color:#ffffff;
  305. font-size:11px;
  306. font-weight:normal;
  307. font-style:normal;
  308. height:15px;
  309. margin-top:65px;
  310. padding-left:425px;
  311. }
  312. .style2
  313. {
  314. font-family:Arial, Helvetica, sans-serif;
  315. font-weight:normal;
  316. font-size:11px;
  317. color:#ffffff;
  318. text-decoration:none;
  319.  
  320. }
  321. .style2:hover
  322. {
  323. font-family:Arial, Helvetica, sans-serif;
  324. font-weight:normal;
  325. font-size:11px;
  326. color:#753B62;
  327. text-decoration:none;
  328. }
  329.  
  330. #bg3
  331. {
  332. width:210px;
  333. height:224px;
  334. background-color:#000000;
  335. margin-top:-170px;
  336. margin-left:541px;
  337. }
  338.  
  339. #blue
  340. {
  341. background-image:url(../images/blue.jpg);
  342. background-repeat:no-repeat;
  343. width:210px;
  344. height:49px;
  345. }
  346.  
  347. #title3
  348. {
  349. width:159px;
  350. font-family:Verdana, Arial, Helvetica, sans-serif;
  351. color:#FBFCFC;
  352. font-size:18px;
  353. font-weight:normal;
  354. font-style:normal;
  355. height:30px;
  356. padding-top:15px;
  357. padding-left:10px;
  358. }
  359.  
  360. #img2
  361. {
  362. background-image:url(../images/img2.jpg);
  363. width:80px;
  364. height:54px;
  365. margin-left:10px;
  366. margin-top:10px;
  367. }
  368.  
  369.  
  370. #content7
  371. {
  372. width:110px;
  373. font-family:Verdana, Arial, Helvetica, sans-serif;
  374. color:#F4F4F4;
  375. font-size:11px;
  376. font-weight:normal;
  377. font-style:normal;
  378. height:30px;
  379. margin-top:-55px;
  380. margin-left:95px;
  381. }
  382.  
  383. #content8
  384. {
  385. width:86px;
  386. font-family:Verdana, Arial, Helvetica, sans-serif;
  387. color:#7877D0;
  388. font-size:11px;
  389. font-weight:normal;
  390. font-style:normal;
  391. height:18px;
  392. margin-top:8px;
  393. margin-left:130px;
  394. }
  395.  
  396. #img3
  397. {
  398. background-image:url(../images/img3.jpg);
  399. background-repeat:no-repeat;
  400. width:81px;
  401. height:54px;
  402. margin-top:10px;
  403. margin-left:10px;
  404. }
  405.  
  406. #content9
  407. {
  408. width:110px;
  409. font-family:Verdana, Arial, Helvetica, sans-serif;
  410. color:#F4F4F4;
  411. font-size:11px;
  412. font-weight:normal;
  413. font-style:normal;
  414. height:30px;
  415. margin-top:-55px;
  416. margin-left:95px;
  417. }
  418.  
  419. #content10
  420. {
  421.     width:86px;
  422.     font-family:Verdana, Arial, Helvetica, sans-serif;
  423.     color:#7877D0;
  424.     font-size:11px;
  425.     font-weight:normal;
  426.     font-style:normal;
  427.     height:18px;
  428.     margin-left:130px;
  429.     margin-top:10px;
  430. }
  431.  
  432. #more3
  433. {
  434.     width:40px;
  435.     font-family:Verdana, Arial, Helvetica, sans-serif;
  436.     color:#fefef6;
  437.     font-size:10px;
  438.     font-weight:normal;
  439.     font-style:normal;
  440.     height:15px;
  441.     margin-left:160px;
  442.     margin-top:10px;
  443. }
  444.  
  445. #style3
  446. {
  447. width:40px;
  448. font-family:Verdana, Arial, Helvetica, sans-serif;
  449. color:#ffffff;
  450. font-size:11px;
  451. font-weight:normal;
  452. font-style:normal;
  453. height:15px;
  454. }
  455. .style3
  456. {
  457. font-family:Arial, Helvetica, sans-serif;
  458. font-weight:normal;
  459. font-size:11px;
  460. color:#ffffff;
  461. text-decoration:none;
  462.  
  463. }
  464. .style3:hover
  465. {
  466. font-family:Arial, Helvetica, sans-serif;
  467. font-weight:normal;
  468. font-size:11px;
  469. color:#753B62;
  470. text-decoration:none;
  471. }
  472.  
  473. #content11
  474. {
  475. width:360px;
  476. font-family:Verdana, Arial, Helvetica, sans-serif;
  477. color:#ffffff;
  478. font-size:10px;
  479. font-weight:bold;
  480. font-style:normal;
  481. height:20px;
  482. margin-left:350px;
  483. margin-top:30px;
  484.  
  485. }
  486.  
  487. #content12
  488. {
  489. width:350px;
  490. font-family:Verdana, Arial, Helvetica, sans-serif;
  491. color:#F5FBF5;
  492. font-size:11px;
  493. font-weight:normal;
  494. font-style:normal;
  495. height:14px;
  496. margin-left:350px;
  497. margin-top:7px;
  498. }
  499.  
  500.  
  501. .foottxt{
  502.     font-family:Arial, Helvetica, sans-serif;
  503.     font-size:11px;
  504.     font-weight:bold;
  505.     font-style:normal;
  506.     color:#ffffff;
  507.     text-align:center;
  508.     margin-left: 0px;
  509.     padding-top: 20px;
  510.     }
  511.     
  512.     .foottxt:hover
  513.     {
  514.     font-family:Arial, Helvetica, sans-serif;
  515.     font-size:11px;
  516.     font-weight:bold;
  517.     font-style:normal;
  518.     color:#AE5391;
  519.     text-align:center;
  520.     margin-left: 0px;
  521.     padding-top: 20px;
  522.     text-decoration:none;
  523.     }
  524.