Ugrás a tartalomhoz

Honlapkészítés Egyeteme/4.rész – Elemek, osztályok, azonosítók, dobozolás/példa CSS 1

Linkek hozzáadása
A Wikikönyvekből, a szabad elektronikus könyvtárból.

{ padding:0; margin:0; } body { margin:0; padding:0; font-size:15px; font-weight:normal; font-family:verdana, tahoma, sans-serif; color:#bdbdbd; background:#000; } a { color:#fff; text-decoration:underline; } a:hover { color:#fff; text-decoration:none; } p { margin:0; padding:0; color:#fff; font-size:15px; font-weight:normal; font-family:verdana, tahoma, sans-serif; } h1 { margin:0; padding:0; font-size:44px; font-weight:normal; font-family:verdana, tahoma, sans-serif; } h2 { margin:0; padding:0; font-size:24px; font-weight:normal; font-family:verdana, tahoma, sans-serif; } ul { margin:0; padding:0; } ul li { margin:0; padding:0; }

  1. outer_wrap

{ width:100%; margin:0; padding:0; }

  1. wrap

{ width:1050px; background:#212b5c; margin:20px auto 0 auto; }

  1. header

{ position:relative; height:100px; background:#000; border-bottom:5px solid #444; }

  1. header h1

{ position:absolute; top:5px; left:10px; margin:0; padding:0; color:#fff; font-size:44px; font-weight:normal; font-family:'Trebuchet MS', arial, sans-serif; letter-spacing:1px; }

  1. header h2

{ position:absolute; top:58px; left:65px; color:#fff; font-size:28px; font-weight:normal; font-family:arial, tahoma, 'Trebuchet MS', sans-serif; }

  1. header .color

{ color:#a0a0a0; }

  1. content_wrap

{ width:1050px; margin:0; padding:0; }

  1. left_column

{ float:left; width:225px; margin:0 5px; padding:0 0 10px 0; }

  1. left_column a

{ color:#fff; text-decoration:underline; }

  1. left_column a:hover

{ color:#fff; text-decoration:none; }

  1. left_column ul

{ margin:0; padding:0; background:#242424; border-top:5px solid #444; }

  1. left_column ul li

{ display:inline; list-style-type:none; margin:0; padding:0; color:#fff; font-size:15px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; letter-spacing:.8px; }

  1. left_column ul li a

{ display:block; margin:0; padding:5px 4px; text-decoration:none; color:#fff; font-size:15px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; letter-spacing:.8px; }

  1. left_column ul li a:hover

{ margin:0; padding:5px 4px; color:#000; background:#fff; font-size:15px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; letter-spacing:.8px; }

  1. left_column h1

{ margin:0; padding:10px 5px 5px 5px; font-size:26px; font-weight:normal; font-family:'Trebuchet MS', arial, sans-serif; color:#fff; }

  1. left_column p

{ margin:0; padding:10px 5px; font-size:15px; font-weight:normal; font-family:arial, verdana, tahoma, sans-serif; color:#fff; }

  1. right_column

{ float:right; width:225px; margin:0 5px 0 0; padding:0 0 10px 0; }

  1. right_column a

{ color:#fff; text-decoration:underline; }

  1. right_column a:hover

{ color:#fff; text-decoration:none; }

  1. right_column ul

{ margin:0; padding:0; background:#242424; border-top:5px solid #444; }

  1. right_column ul li

{ display:inline; list-style-type:none; margin:0; padding:0; color:#fff; font-size:15px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; letter-spacing:.8px; }

  1. right_column ul li a

{ display:block; margin:0; padding:5px 4px; text-decoration:none; color:#fff; font-size:15px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; letter-spacing:.8px; }

  1. right_column ul li a:hover

{ margin:0; padding:5px 4px; color:#000; background:#fff; font-size:15px; font-weight:bold; font-family:arial, verdana, tahoma, sans-serif; letter-spacing:.8px; }

  1. right_column h1

{ margin:0; padding:10px 5px 5px 5px; font-size:26px; font-weight:normal; font-family:'Trebuchet MS', arial, sans-serif; color:#fff; }

  1. right_column p

{ margin:0; padding:10px 5px; font-size:15px; font-weight:normal; font-family:arial, verdana, tahoma, sans-serif; color:#fff; }

  1. center_column

{ float:left; width:580px; margin:0; padding:0; color:#fff; }

  1. center_column a

{ color:#fff; text-decoration:underline; }

  1. center_column a:hover

{ color:#fff; text-decoration:none; }

  1. center_column h1

{ margin:0; padding:10px 15px 5px 15px; font-size:28px; font-weight:bold; font-family:'Trebuchet MS', arial, sans-serif; color:#fff; }

  1. center_column h2

{ margin:0; padding:10px 15px 5px 15px; font-size:22px; font-weight:normal; font-family:'Trebuchet MS', arial, sans-serif; color:#fff; }

  1. center_column .box

{ margin:10px 15px 10px 0px; border:1px solid #0a1646; background:#1b2455; }

  1. center_column p

{ margin:0; padding:5px 10px; font-size:15px; font-weight:normal; font-family:'Trebuchet MS', verdana, arial, sans-serif; }

  1. center_column .float_left

{ float:left; margin:5px 5px 5px 0px; padding:0; border:1px solid #fff; width:150px; height:150px; }

  1. center_column .float_right

{ float:right; margin:5px 0px 5px 5px; padding:0; border:1px solid #fff; width:150px; height:150px; }

  1. center_column ul

{ margin:10px 30px 10px 15px; padding:0 10px 0 0; }

  1. center_column ul li

{ margin:3px 0; padding:0 0 0 18px; list-style-type:none; display:block; color:#fff; font-size:15px; font-weight:normal; font-family:'Trebuchet MS', verdana, arial, sans-serif; background:url('template-1-image-1.gif') left center no-repeat; }

  1. center_column ul li a

{ color:#fff; text-decoration:underline; }

  1. center_column ul li a:hover

{ color:#fff; text-decoration:none; }

  1. center_column ol

{ margin:10px 30px 10px 25px; padding:0 15px; color:#fff; }

  1. footer

{ clear:both; width:100%; color:#fff; background:#000; margin:0 auto; padding:0; font-size:13px; font-weight:normal; font-family:arial, tahoma, sans-serif; }

  1. footer p

{ margin:0; padding:10px 0 5px 0; text-align: center; color:#fff; font-size:13px; font-weight:normal; font-family:arial, tahoma, sans-serif; }

  1. footer a

{ text-decoration:underline; color:#fff; }

  1. footer a:hover

{ text-decoration:none; color:#fff; } .clear { clear:both; }

A lap eredeti címe: „https://hu.wikibooks.org/w/index.php?title=Honlapkészítés_Egyeteme/4.rész_–_Elemek,_osztályok,_azonosítók,_dobozolás/példa_CSS_1&oldid=378020”