PageRenderTime 268ms CodeModel.GetById 37ms 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. 

  2. body {margin:0px; background-color:#696969; background-image:url(img/bgmain.jpg); background-position:top; background-repeat:repeat-x;}

    3. 

  3. #content {width:995px;}	

    4. 

  4. #content_links {width:183px; margin-right:2px; background-image:url(img/navileft_bg.jpg); float:left;}

    5. 

  5. #content_mitte {width:577px; margin-right:2px; float:left;}

    6. 

  6. #content_rechts {width:231px; background-image:url(img/naviright_bg.jpg); float:left;}	

    7. 

  7. .mainfont {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}

    8. 

  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. 

  9. /* ======== BODY ENDE ==================================================================================================================*/

    10. 

  10. 

    11. 

  11. /* ======== HEAD =======================================================================================================================*/

    12. 

  12. #header {height:190px; width:995px;}

    13. 

  13. .header_01 {width:995px; height:31px; background-image:url(img/head_01.jpg);}

    14. 

  14. .header_02 {width:995px; height:119px; background-image:url(img/head_02.jpg);}

    15. 

  15. .header_03 {width:995px; height:40px; background-image:url(img/head_03.jpg);}

    16. 

  16. /* ======== HEAD ENDE ==================================================================================================================*/

    17. 

  17. 

    18. 

  18. /* ======== LOGIN =======================================================================================================================*/

    19. 

  19. .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;}

    20. 

  20. .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;}

    21. 

  21. .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;}

    22. 

  22. /* ======== LOGIN =======================================================================================================================*/

    23. 

  23. 

    24. 

  24. 

    25. 

  25. /* ======== HORZNAV ====================================================================================================================*/

    26. 

  26. .header_01_left {width:250px; float:left; color:#005480; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

    27. 

  27. .header_01_right {width:745px; float:left;}

    28. 

  28. 

    29. 

  29. .header_03_right {width:200px; float:left; color:#005480; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}

    30. 

  30. .header_03_left {width:795px; float:left;}

    31. 

  31. /* ======== HORZNAV ENDE ===============================================================================================================*/

    32. 

  32. 

    33. 

  33. /* ======== BOXENSTYLE ANFANG ===============================================================================================================*/

    34. 

  34. .lastnews {width: 275px; height:20px; background-image:url(img/boxbutton.jpg); padding-top:7px; text-indent:23px; margin-bottom:1px; margin-left:6px;}

    35. 

  35. .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; }

    36. 

  36. /* ======== BOXENSTYLE ENDE ===============================================================================================================*/

    37. 

  37. 

    38. 

  38. /* ======== NAVI_LEFT ==================================================================================================================*/ 

    39. 

  39. #boxes_l{width:183px; text-align:left; clear:none; 	vertical-align:top;} 

    40. 

  40. #boxes_r{width:231px; text-align:left; clear:none; 	vertical-align:top;}

    41. 

  41. #boxes_m{width:183px; text-align:left; clear:none; 	vertical-align:top;} 

    42. 

  42.  

    43. 

  43. .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;} 

    44. 

  44. .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;} 

    45. 

  45. .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;} 

    46. 

  46. .input{padding-left:0px; padding-top:0px;} 

    47. 

  47. .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;}

    48. 

  48. .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;}

    49. 

  49. .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;}

    50. 

  50. 

    51. 

  51. .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;}

    52. 

  52. 

    53. 

  53. .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;}

    54. 

  54. /*.com_menu ul{padding:0px; margin:0px; margin-bottom:0px; list-style-type:none;	}

    55. 

  55. .com_menu li{margin:0px; padding:0px; margin-bottom:0px;  list-style-type:none;} 

    56. 

  56. .com_menu li ul	{margin-bottom:0px; padding:0px; margin:0px;}

    57. 

  57. .com_menu li li	{margin-bottom:0px; padding:0px; margin:0px; margin-top:0px;} 	

    58. 

  58. .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);} 	

    59. 

  59. .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);} 	

    60. 

  60. .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);} 	

    61. 

  61. .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);}*/

    62. 

  62. /*.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;}  

    63. 

  63. .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;} 	 

    64. 

  64. .left{	float:left;}  */

    65. 

  65. /* ======== NAVI_LEFT ENDE =============================================================================================================*/	

    66. 

  66. 

    67. 

  67. /* ======== CONTENT ====================================================================================================================*/

    68. 

  68. .content_mitte_oben {width:577px; background-color:#829798;}

    69. 

  69. .content_mitte_unten {width:577px;}

    70. 

  70. .content_mitte_oben_links {width:287px; height:166px; margin-right:3px; background-image:url(img/headbox.jpg); float:left;}

    71. 

  71. .content_mitte_oben_rechts {width:287px; height:166px; background-image:url(img/headbox.jpg); float:left;}

    72. 

  72. /*.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;}

    73. 

  73. .content_mitte_unten_rechts {width:183px; border-left:solid 1px #c4d8e2; border-right:solid 1px #c4d8e2; float:left; background-color:#FFFFFF;}

    74. 

  74. 

    75. 

  75. /* ======== CONTENT ENDE ===============================================================================================================*/

    76. 

  76. 

    77. 

  77. /* ======== WEBSPELL =======================================================================================================================*/

    78. 

  78. body {

    79. 

  79.     font-family: Verdana, Arial, Helvetica, sans-serif;

    80. 

  80.     font-size: 10px;

    81. 

  81. 

    82. 

  82.     scrollbar-base-color:#cccccc;

    83. 

  83.     scrollbar-3dlight-color:#333333;

    84. 

  84.     scrollbar-arrow-color:#333333;

    85. 

  85.     scrollbar-darkshadow-color:#333333;

    86. 

  86.     scrollbar-face-color:#cccccc;

    87. 

  87.     scrollbar-highlight-color#cccccc;

    88. 

  88.     scrollbar-shadow-color:#cccccc;

    89. 

  89.     scrollbar-track-color:#cccccc; 

    90. 

  90. }

    91. 

  91. 

    92. 

  92. table {

    93. 

  93.     font-family: Verdana, Arial, Helvetica, sans-serif;

    94. 

  94.     font-size: 10px;

    95. 

  95.     color: #000000;

    96. 

  96. }

    97. 

  97. h2 {

    98. 

  98.     font-family: Verdana, Arial, Helvetica, sans-serif;

    99. 

  99.     font-size: 12px;

    100. 

  100.     color: #000000;

    101. 

  101.     text-transform: uppercase;

    102. 

  102.     font-weight: bold;

    103. 

  103. }

    104. 

  104. 

    105. 

  105. .small {  

    106. 

  106.     font-family: Verdana, Arial, Helvetica, sans-serif; 

    107. 

  107.     font-size: 9px; 

    108. 

  108.     color: #000000;

    109. 

  109. }

    110. 

  110. 

    111. 

  111. .title {

    112. 

  112.     font-family: Verdana, Arial, Helvetica, sans-serif;

    113. 

  113.     font-size: 11px;

    114. 

  114.     color: #000000;

    115. 

  115.     font-weight: bold;

    116. 

  116.     background-image: url(images/title_bg.gif);

    117. 

  117.     background-repeat: repeat;

    118. 

  118.     background-position: left top;

    119. 

  119. }

    120. 

  120. 

    121. 

  121. .category_big {  

    122. 

  122.     font-family: Verdana, Arial, Helvetica, sans-serif;

    123. 

  123.     font-size: 12px; 

    124. 

  124.     color: #000000; 

    125. 

  125.     font-weight: bold; 

    126. 

  126. }

    127. 

  127. 

    128. 

  128. .category {  

    129. 

  129.     font-family: Verdana, Arial, Helvetica, sans-serif;

    130. 

  130.     font-size: 11px; 

    131. 

  131.     color: #000000; 

    132. 

  132.     font-weight: normal; 

    133. 

  133. }

    134. 

  134. 

    135. 

  135. .marked {

    136. 

  136.     background-color: #000000;

    137. 

  137.     font-weight: bold;

    138. 

  138. }

    139. 

  139. 

    140. 

  140. a, a:visited, a:active {

    141. 

  141.     color: #333333;

    142. 

  142.     text-decoration: none;

    143. 

  143.     font-weight: normal;

    144. 

  144. }

    145. 

  145. 

    146. 

  146. a:hover {

    147. 

  147.     color: #000000;

    148. 

  148.     text-decoration: underline;

    149. 

  149.     font-weight: normal;

    150. 

  150. }

    151. 

  151. 

    152. 

  152. a.titlelink, a.titlelink:visited, a.titlelink:active {

    153. 

  153.     color: #333333;

    154. 

  154.     text-decoration: none;

    155. 

  155.     font-weight: bold;

    156. 

  156. }

    157. 

  157. 

    158. 

  158. a.titlelink:hover {

    159. 

  159.     color: #000000;

    160. 

  160.     text-decoration: underline;

    161. 

  161.     font-weight: bold;

    162. 

  162. }

    163. 

  163. 

    164. 

  164. a.category, a.category:visited, a.category:active {

    165. 

  165.     color: #333333;

    166. 

  166.     text-decoration: none;

    167. 

  167. }

    168. 

  168. 

    169. 

  169. a.category:hover {

    170. 

  170.     color: #000000;

    171. 

  171.     text-decoration: underline;

    172. 

  172. }

    173. 

  173. 

    174. 

  174. option, textarea, input, select, file {  

    175. 

  175.     font-family: Verdana, Arial, Helvetica, sans-serif; 

    176. 

  176.     font-size: 10px; 

    177. 

  177.     color: #000000; 

    178. 

  178.     background-color: #FFFFFF; 

    179. 

  179.     border: 1px solid #333333;

    180. 

  180. }

    181. 

  181. 

    182. 

  182. .footer {color: #FFFFFF

    183. 

  183. 	  size: 10px

    184. 

  184. 			}

    185. 

  185. 			

    186. 

  186. .form_off {  

    187. 

  187.     color: #666666; 

    188. 

  188.     background-color: #DCDCDC; 

    189. 

  189.     border: 1px solid #666666;

    190. 

  190. }

    191. 

  191. 

    192. 

  192. .form_on {  

    193. 

  193.     color: #000000; 

    194. 

  194.     background-color: #EEEEEE; 

    195. 

  195.     border: 1px solid #000000;

    196. 

  196. }

    197. 

  197. 

    198. 

  198. .form_username {

    199. 

  199.     background-color: #eeeeee;

    200. 

  200.     border: 1px solid #333333;

    201. 

  201.     background-image: url(images/username.gif);

    202. 

  202.     background-repeat: no-repeat;

    203. 

  203.     background-position: left top;

    204. 

  204. }

    205. 

  205. 

    206. 

  206. .form_password {

    207. 

  207.     background-color: #eeeeee;

    208. 

  208.     border: 1px solid #333333;

    209. 

  209.     background-image: url(images/password.gif);

    210. 

  210.     background-repeat: no-repeat;

    211. 

  211.     background-position: left top;

    212. 

  212. }

    213. 

  213. 

    214. 

  214. .form_name {

    215. 

  215.     background-color: #eeeeee;

    216. 

  216.     border: 1px solid #333333;

    217. 

  217.     background-image: url(images/name.gif);

    218. 

  218.     background-repeat: no-repeat;

    219. 

  219.     background-position: left top;

    220. 

  220. }

    221. 

  221. 

    222. 

  222. .form_text {

    223. 

  223.     background-color: #eeeeee;

    224. 

  224.     border: 1px solid #333333;

    225. 

  225.     background-image: url(images/message.gif);

    226. 

  226.     background-repeat: no-repeat;

    227. 

  227.     background-position: left top;

    228. 

  228. }

    229. 

  229. 

    230. 

  230. .input { 

    231. 

  231.     background-color: transparent; 

    232. 

  232.     border: 1px none; 

    233. 

  233.     margin-top: 0px;

    234. 

  234.     margin-bottom: 0px;

    235. 

  235. }

    236. 

  236.