PageRenderTime 161ms CodeModel.GetById 18ms RepoModel.GetById 0ms app.codeStats 0ms

/hosting_project/ws_templates/312199/TemplateFiles/style.css

https://github.com/WeMake-IT/Hosting-Service
CSS | 235 lines | 172 code | 34 blank | 29 comment | 0 complexity | 8b076917b99a62237fe0bdded6fe0b48 MD5 | raw file
  1. /* ======== BODY =======================================================================================================================*/
  2. body {margin:0px; background-color:#696969; background-image:url(img/bgmain.jpg); background-position:top; background-repeat:repeat-x;}
  3. #content {width:995px;}
  4. #content_links {width:183px; margin-right:2px; background-image:url(img/navileft_bg.jpg); float:left;}
  5. #content_mitte {width:577px; margin-right:2px; float:left;}
  6. #content_rechts {width:231px; background-image:url(img/naviright_bg.jpg); float:left;}
  7. .mainfont {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
  8. .footer {background-image:url(img/footer.jpg); height:21px; width:995px; text-align:center; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
  9. /* ======== BODY ENDE ==================================================================================================================*/
  10. /* ======== HEAD =======================================================================================================================*/
  11. #header {height:190px; width:995px;}
  12. .header_01 {width:995px; height:31px; background-image:url(img/head_01.jpg);}
  13. .header_02 {width:995px; height:119px; background-image:url(img/head_02.jpg);}
  14. .header_03 {width:995px; height:40px; background-image:url(img/head_03.jpg);}
  15. /* ======== HEAD ENDE ==================================================================================================================*/
  16. /* ======== LOGIN =======================================================================================================================*/
  17. .login_menu {float:left; margin-right:2px; padding-top:2px; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-image:url(img/loginmenu.png); height:16px; width:126px;}
  18. .login_menu_2 {float:left; margin-right:2px; padding-top:2px; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-image:url(img/loginmenu_2.png); height:16px; width:180px;}
  19. .login_menu_3 {float:left; margin-right:2px; padding-top:2px; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-image:url(img/loginmenu_3.png); height:16px; width:151px;}
  20. /* ======== LOGIN =======================================================================================================================*/
  21. /* ======== HORZNAV ====================================================================================================================*/
  22. .header_01_left {width:250px; float:left; color:#005480; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
  23. .header_01_right {width:745px; float:left;}
  24. .header_03_right {width:200px; float:left; color:#005480; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
  25. .header_03_left {width:795px; float:left;}
  26. /* ======== HORZNAV ENDE ===============================================================================================================*/
  27. /* ======== BOXENSTYLE ANFANG ===============================================================================================================*/
  28. .lastnews {width: 275px; height:20px; background-image:url(img/boxbutton.jpg); padding-top:7px; text-indent:23px; margin-bottom:1px; margin-left:6px;}
  29. .lastnews_head {width: 275px; height:14px; border-bottom:1px dashed #003451; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003451; font-weight:bold; text-align:left; margin-left:8px; margin-bottom:2px; }
  30. /* ======== BOXENSTYLE ENDE ===============================================================================================================*/
  31. /* ======== NAVI_LEFT ==================================================================================================================*/
  32. #boxes_l{width:183px; text-align:left; clear:none; vertical-align:top;}
  33. #boxes_r{width:231px; text-align:left; clear:none; vertical-align:top;}
  34. #boxes_m{width:183px; text-align:left; clear:none; vertical-align:top;}
  35. .top{width:183px; height:20px; background-image:url(img/box_head.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; text-indent:24px; vertical-align:top; color:#005480; padding-top:7px;}
  36. .top_r{width:231px; height:20px; background-image:url(img/box_head_r.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; text-indent:24px; vertical-align:top; color:#005480; padding-top:7px;}
  37. .top_m{width:183px; height:20px; background-image:url(img/box_head_m.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; text-indent:24px; vertical-align:top; color:#005480; padding-top:7px;}
  38. .input{padding-left:0px; padding-top:0px;}
  39. .box_inhalt{width:165px; margin:4px; padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; background-color:#ebebeb; border:solid 1px #dfdfdf;}
  40. .box_inhalt_r{width:213px; margin-left:6px; margin-bottom:4px; margin-right:2px; margin-top:4px; padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; background-color:#ebebeb; border:solid 1px #dfdfdf;}
  41. .box_inhalt_m{width:167px; margin:4px; padding: 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; background-color:#ebebeb; border:solid 1px #dfdfdf;}
  42. .navi_horz {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-top:5px; height:14px; margin-top:21px; margin-left:4px; color:#FFFFFF; width:71px; background-image:url(img/navi_norm.png); float:left;}
  43. .navi_horz:hover {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding-top:5px; height:14px; margin-top:21px; margin-left:4px; color:#FFFFFF; width:71px; background-image:url(img/navi_norm_hover.png); float:left;}
  44. /*.com_menu ul{padding:0px; margin:0px; margin-bottom:0px; list-style-type:none; }
  45. .com_menu li{margin:0px; padding:0px; margin-bottom:0px; list-style-type:none;}
  46. .com_menu li ul {margin-bottom:0px; padding:0px; margin:0px;}
  47. .com_menu li li {margin-bottom:0px; padding:0px; margin:0px; margin-top:0px;}
  48. .com_menu li a{margin-bottom:0px; display:block; margin:0px; padding-top:1px; width:180px; height:21px; color:#FFFFFF; text-indent:24px; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:21px; background-image:url(img/navi.jpg);}
  49. .com_menu li a:hover{margin-bottom:0px; display:block; margin:0px; padding-top:1px; width:180px; height:21px; color:#FFFFFF; text-indent:24px; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:21px; background-image:url(img/navi_hover.jpg);}
  50. .com_menu li li a{margin-bottom:0px; display:block; margin:0px; padding-top:1px; width:180px; height:21px; color:#FFFFFF; text-indent:27px; font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:21px; background-image:url(img/navi2.jpg);}
  51. .com_menu li li a:hover{ margin-bottom:0px; display:block; margin:0px; padding-top:1px; width:180px; height:21px; color:#FFFFFF; text-indent:27px; font-size:10px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; line-height:21px; background-image:url(img/navi2_hover.jpg);}*/
  52. /*.box_r {width:232px; padding:0px; border:solid 1px #333333; color:#000000; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
  53. .box_c {width:530px; padding:0px; border:solid 1px #333333; color:#000000; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
  54. .left{ float:left;} */
  55. /* ======== NAVI_LEFT ENDE =============================================================================================================*/
  56. /* ======== CONTENT ====================================================================================================================*/
  57. .content_mitte_oben {width:577px; background-color:#829798;}
  58. .content_mitte_unten {width:577px;}
  59. .content_mitte_oben_links {width:287px; height:166px; margin-right:3px; background-image:url(img/headbox.jpg); float:left;}
  60. .content_mitte_oben_rechts {width:287px; height:166px; background-image:url(img/headbox.jpg); float:left;}
  61. /*.content_mitte_unten_links {width:389px; padding:5px; margin-right:3px; border-left:solid 1px #c4d8e2; border-right:solid 1px #c4d8e2; float:left; background-color:#FFFFFF;}
  62. .content_mitte_unten_rechts {width:183px; border-left:solid 1px #c4d8e2; border-right:solid 1px #c4d8e2; float:left; background-color:#FFFFFF;}
  63. /* ======== CONTENT ENDE ===============================================================================================================*/
  64. /* ======== WEBSPELL =======================================================================================================================*/
  65. body {
  66. font-family: Verdana, Arial, Helvetica, sans-serif;
  67. font-size: 10px;
  68. scrollbar-base-color:#cccccc;
  69. scrollbar-3dlight-color:#333333;
  70. scrollbar-arrow-color:#333333;
  71. scrollbar-darkshadow-color:#333333;
  72. scrollbar-face-color:#cccccc;
  73. scrollbar-highlight-color#cccccc;
  74. scrollbar-shadow-color:#cccccc;
  75. scrollbar-track-color:#cccccc;
  76. }
  77. table {
  78. font-family: Verdana, Arial, Helvetica, sans-serif;
  79. font-size: 10px;
  80. color: #000000;
  81. }
  82. h2 {
  83. font-family: Verdana, Arial, Helvetica, sans-serif;
  84. font-size: 12px;
  85. color: #000000;
  86. text-transform: uppercase;
  87. font-weight: bold;
  88. }
  89. .small {
  90. font-family: Verdana, Arial, Helvetica, sans-serif;
  91. font-size: 9px;
  92. color: #000000;
  93. }
  94. .title {
  95. font-family: Verdana, Arial, Helvetica, sans-serif;
  96. font-size: 11px;
  97. color: #000000;
  98. font-weight: bold;
  99. background-image: url(images/title_bg.gif);
  100. background-repeat: repeat;
  101. background-position: left top;
  102. }
  103. .category_big {
  104. font-family: Verdana, Arial, Helvetica, sans-serif;
  105. font-size: 12px;
  106. color: #000000;
  107. font-weight: bold;
  108. }
  109. .category {
  110. font-family: Verdana, Arial, Helvetica, sans-serif;
  111. font-size: 11px;
  112. color: #000000;
  113. font-weight: normal;
  114. }
  115. .marked {
  116. background-color: #000000;
  117. font-weight: bold;
  118. }
  119. a, a:visited, a:active {
  120. color: #333333;
  121. text-decoration: none;
  122. font-weight: normal;
  123. }
  124. a:hover {
  125. color: #000000;
  126. text-decoration: underline;
  127. font-weight: normal;
  128. }
  129. a.titlelink, a.titlelink:visited, a.titlelink:active {
  130. color: #333333;
  131. text-decoration: none;
  132. font-weight: bold;
  133. }
  134. a.titlelink:hover {
  135. color: #000000;
  136. text-decoration: underline;
  137. font-weight: bold;
  138. }
  139. a.category, a.category:visited, a.category:active {
  140. color: #333333;
  141. text-decoration: none;
  142. }
  143. a.category:hover {
  144. color: #000000;
  145. text-decoration: underline;
  146. }
  147. option, textarea, input, select, file {
  148. font-family: Verdana, Arial, Helvetica, sans-serif;
  149. font-size: 10px;
  150. color: #000000;
  151. background-color: #FFFFFF;
  152. border: 1px solid #333333;
  153. }
  154. .footer {color: #FFFFFF
  155. size: 10px
  156. }
  157. .form_off {
  158. color: #666666;
  159. background-color: #DCDCDC;
  160. border: 1px solid #666666;
  161. }
  162. .form_on {
  163. color: #000000;
  164. background-color: #EEEEEE;
  165. border: 1px solid #000000;
  166. }
  167. .form_username {
  168. background-color: #eeeeee;
  169. border: 1px solid #333333;
  170. background-image: url(images/username.gif);
  171. background-repeat: no-repeat;
  172. background-position: left top;
  173. }
  174. .form_password {
  175. background-color: #eeeeee;
  176. border: 1px solid #333333;
  177. background-image: url(images/password.gif);
  178. background-repeat: no-repeat;
  179. background-position: left top;
  180. }
  181. .form_name {
  182. background-color: #eeeeee;
  183. border: 1px solid #333333;
  184. background-image: url(images/name.gif);
  185. background-repeat: no-repeat;
  186. background-position: left top;
  187. }
  188. .form_text {
  189. background-color: #eeeeee;
  190. border: 1px solid #333333;
  191. background-image: url(images/message.gif);
  192. background-repeat: no-repeat;
  193. background-position: left top;
  194. }
  195. .input {
  196. background-color: transparent;
  197. border: 1px none;
  198. margin-top: 0px;
  199. margin-bottom: 0px;
  200. }