git.maemo.org Git - speedfreak/blob - Server/static/css/style.css

   1 /* CSS Document */
   2
   3 * {     margin:0; padding:0; font-size:100%;}
   4
   5 body{background:url(../../static/img/top-tail.gif) top repeat-x #0c0f16; text-align:center;}
   6 .top-bg{ background:url(../../static/img/top-bg.jpg) top center no-repeat;}
   7
   8 img {vertical-align:top;}
   9 a img { border:0;}
  10 ul { list-style:none;}
  11
  12 .left { float:left !important;}
  13 .right {float:right;}
  14 .clear  { clear:both;}
  15
  16 html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.462em; color:#616a81;}
  17 input, select { vertical-align:middle; font-weight:normal;}
  18
  19 a {color:#21b3c6; outline:none;}
  20 a:hover{text-decoration:none;}
  21 p {padding-top:20px;}
  22 h2{ font-size:3.846em; text-transform:uppercase; line-height:1.2em; padding-bottom:2px;}
  23 h3{ font-size:2.308em; background:url(../static/img/title-bg.gif) no-repeat 0 2px; color:#fff; line-height:1.2em; padding:0 0 3px 44px;}
  24 h4{ font-size:1.538em; line-height:1.2em; padding-bottom:12px;}
  25 h5{ font-size:1.538em; line-height:1.2em; padding:7px 0 0 13px;}
  26 strong{ color:#21b3c6; display:block; padding-bottom:3px;}
  27
  28 /* ============================= main layout ====================== */
  29 .imgindent {margin:0 20px 0 0; float:left;}
  30 .phone{ float:right; padding-right:80px;}
  31 .phone2{ float:right; padding-right:50px;}
  32 .space1{ margin-left:19px;}
  33 .space2{ margin-left:10px;}
  34 .space3{ margin-left:50px;}
  35 .margin1{ margin-top:11px;}
  36 .margin2{ margin-right:40px !important;}
  37 .padding1{ padding-top:14px !important;}
  38 .padding2{ padding:15px 0 20px 0;}
  39
  40 /* ============================= header ====================== */
  41 #header{ padding-top:5px;}
  42 #header .menu{ background:url(../static/img/menu-tail.gif) top repeat-x;}
  43 #header .menu .left-bg{ background:url(../static/img/menu-left-bg.gif) left top no-repeat;}
  44 #header .menu .right-bg{ background:url(../static/img/menu-right-bg.gif) right top no-repeat; height:42px; width:100%; overflow:hidden;}
  45 #header .menu ul{ padding:10px 0 0 24px;}
  46 #header .menu li{ float:left; padding-right:21px;}
  47 #header .menu a{ font-size:1.231em; text-decoration:none; color:#496487; font-weight:bold; letter-spacing:-1px;}
  48 #header .menu a:hover, #header .menu .active{ color:#fff;}
  49 #header .home-link{ float:right; margin:4px 10px 0 0;}
  50 #header .logo{ padding:100px 0 0 64px;}
  51
  52 /* ============================= content ====================== */
  53 #content{ border:solid 1px #000; background:url(../static/img/content-top-bg.gif) no-repeat 0 0 #090c11; padding-bottom:14px;}
  54 .indent{ padding:11px 9px 0 10px;}
  55 .indent-1{ padding:11px 0 0 10px;}
  56 .indent-2{ padding:11px 0 0 0;}
  57
  58 .box1{ background:url(../static/img/box1-bot-tail.gif) bottom repeat-x #161c25; width:100%;}
  59 .box1 .left-border{ background:url(../static/img/box1-border.gif) left repeat-y;}
  60 .box1 .right-border{ background:url(../static/img/box1-border.gif) right repeat-y;}
  61 .box1 .top-border{ background:url(../static/img/box1-border.gif) top repeat-x;}
  62 .box1 .left-bot{ background:url(../static/img/box1-corner-left-bot.gif) left bottom no-repeat;}
  63 .box1 .right-bot{ background:url(../static/img/box1-corner-right-bot.gif) right bottom no-repeat;}
  64 .box1 .left-top{ background:url(../static/img/box1-corner-left-top.gif) left top no-repeat;}
  65 .box1 .right-top{ background:url(../static/img/box1-corner-right-top.gif) right top no-repeat; padding:1px;}
  66 .box1 .indent1{ padding:10px 5px 25px 15px;}
  67 .box1 .indent2{ padding:20px 37px 38px 31px;}
  68 .box1 .indent3{ padding:28px 25px 25px 30px;}
  69 .box1 .indent4{ padding:20px 5px 25px 22px;}
  70
  71 .box2{ background:url(../static/img/box2-border.gif) top repeat-x #141922; width:100%; color:#3b4252;}
  72 .box2 .left-border{ background:url(../static/img/box2-border.gif) left repeat-y;}
  73 .box2 .right-border{ background:url(../static/img/box2-border.gif) right repeat-y;}
  74 .box2 .bot-border{ background:url(../static/img/box2-border.gif) bottom repeat-x;}
  75 .box2 .left-top{ background:url(../static/img/box2-corner-left-top.gif) left top no-repeat;}
  76 .box2 .right-top{ background:url(../static/img/box2-corner-right-top.gif) right top no-repeat;}
  77 .box2 .left-bot{ background:url(../static/img/box2-corner-left-bot.gif) left bottom no-repeat;}
  78 .box2 .right-bot{ background:url(../static/img/box2-corner-right-bot.gif) right bottom no-repeat;}
  79 .box2 .indent1{ padding:18px 18px 22px 18px;}
  80 .box2 .title{ background:url(../static/img/title-tail.gif) top repeat-x;}
  81 .box2 .title .left-bg{ background:url(../static/img/title-left-bg.gif) left top no-repeat;}
  82 .box2 .title .right-bg{ background:url(../static/img/title-right-bg.gif) right top no-repeat; height:41px;}
  83
  84 .text1{ font-size:0.923em; line-height:1.167em;}
  85 .text2{ font-size:0.923em; line-height:1.25em; color:#3b4252;}
  86 .text2 a{ color:#3b4252;}
  87 .text2 strong{ font-weight:normal; padding-bottom:9px;}
  88 .text3{ font-size:0.923em; line-height:1.25em; color:#616a81;}
  89 .text3 strong, .strong1{ font-weight:normal; padding-bottom:9px; color:#ff1e50;}
  90 .text3 p{ padding-top:25px;}
  91 .text4{ color:#616a81;}
  92 .text5{ line-height:1.154em;}
  93
  94 .line1{ background:url(../static/img/line.gif) repeat-y 294px 0;}
  95 .line2{ background:url(../static/img/line.gif) repeat-y 592px 0;}
  96 .extra-title{ padding:5px 0 0 12px;}
  97 .gallery{ margin:5px 0 0 0;}
  98 .gallery a{ display:inline-block; margin-right:20px;}
  99 .gallery .last{ margin-right:0;}
 100 .gallery .link{ margin:30px 30px 0 20px !important;}
 101 .unline{ background:url(../static/img/unline.gif) bottom repeat-x; padding-bottom:10px; margin-bottom:20px;}
 102 .email{ color:#21b3c6;}
 103
 104 .link{display:inline-block; float:right; background:url(../static/img/link-left-bg.gif) top left no-repeat; line-height:1em; text-decoration:none; margin-top:7px; color:#f9f9f8; font-size:0.923em; font-weight:bold; cursor:pointer;}
 105 .link span{ display:inline-block; background:url(../static/img/link-right-bg.gif) top right no-repeat; padding:0 10px;}
 106 .link span span{ background:url(../static/img/link-tail.gif) top repeat-x; padding:5px 1px 6px 0;}
 107 .link:hover{ background:url(../static/img/link-left-bg-act.gif) top left no-repeat;}
 108 .link:hover span{ background:url(../static/img/link-right-bg-act.gif) top right no-repeat;}
 109 .link:hover span span{ background:url(../static/img/link-tail-act.gif) top repeat-x;}
 110
 111 .link1{ display:inline-block; margin:5px 0 0 7px; vertical-align:top;}
 112
 113 .link2{ display:inline-block; background:url(../static/img/link2-tail.gif) top repeat-x; color:#141a23 !important; font-weight:bold; text-decoration:none; margin:6px 0 0 4px; vertical-align:top; cursor:pointer;}
 114 .link2 span{ display:inline-block; background:url(../static/img/link2-left-bg.gif) left top no-repeat;}
 115 .link2 span span{ background:url(../static/img/link2-right-bg.gif) right top no-repeat; padding:3px 6px 5px 8px;}
 116 .link2:hover{ color:#ff1e4f !important;}
 117
 118 .list li{ font-size:0.923em; line-height:1.75em; background:url(../static/img/list-unline.gif) bottom repeat-x; width:100%;}
 119 .list .last{ background:none;}
 120 .list a{ color:#616a81; text-decoration:none;}
 121 .list a:hover, .list .active{ color:#ff1e50;}
 122
 123 /* ============================= footer ====================== */
 124 #footer p{ font-size:0.923em; padding:9px 0 0 27px;}
 125 #footer a{ color:#ff1e4f; text-decoration:none; display:inline-block; margin-left:9px;}
 126 #footer a:hover{ color:#21b3c6;}
 127
 128 /* ============================= forms ============================= */
 129 #ContactForm label{ display:block; height:30px;}
 130 #ContactForm input{ border:solid 1px #1a212d; background:#0e1118; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#616a81; padding:3px 2px 4px 12px; width:527px;}
 131 #ContactForm textarea{ border:solid 1px #1a212d; background:#0e1118; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#616a81; padding:3px 2px 4px 12px; width:527px; height:127px; overflow:auto;}
 132 #ContactForm .link2{ float:right; margin:7px 0 0 18px;}