noneed.css 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. /**********************************************************
  2. ***********************************************************
  3. ***********************************************************
  4. ***********************************************************
  5. ***********************************************************
  6. ***********************************************************
  7. ***********************************************************
  8. ***********************************************************
  9. ***********************************************************
  10. YOU DONT NEED THIS CSS FILE FOR YOUR ENDPRODUCT !
  11. USED ONLY FOR THE DEMOS AND TOOLS HERE IN THIS FOLDER
  12. TO SHOW THE EXAMPLES.
  13. ***********************************************************
  14. ***********************************************************
  15. ***********************************************************
  16. ***********************************************************
  17. ***********************************************************
  18. ***********************************************************
  19. ***********************************************************
  20. ***********************************************************
  21. ***********************************************************/
  22. /**********************************************************
  23. - RESET -
  24. ***********************************************************/
  25. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  26. margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
  27. }
  28. * {
  29. /* -moz-user-select: none;
  30. -khtml-user-select: none;
  31. -webkit-user-select: none;
  32. -o-user-select: none;
  33. */
  34. }
  35. .toolpad * {
  36. -moz-user-select: none;
  37. -khtml-user-select: none;
  38. -webkit-user-select: none;
  39. -o-user-select: none;
  40. }
  41. /***********************
  42. - BASICS -
  43. ***********************/
  44. body { font-family: 'Open Sans', sans-serif; color:#888; font-weight:400;}
  45. p { font-size:13px; font-weight: 400; line-height:22px;}
  46. h2 { color:#000; font-size:17px; font-weight:700; margin-bottom:20px;}
  47. h2.redtitle { padding:9px 20px; width:100%; background:#e33a0c; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
  48. margin-bottom:40px;
  49. }
  50. h2.nobottommargin { margin-bottom:0px;}
  51. .container { max-width:1170px;margin:auto; }
  52. .clear { clear:both;}
  53. .float-left { float:left;}
  54. .float-right { float:right;}
  55. .divide40 { width:100%; height:40px;}
  56. .mb30 { margin-bottom:30px;}
  57. .mlb30 { margin-left:30px; margin-bottom:30px;}
  58. .mrb30 { margin-right:30px; margin-bottom:30px;}
  59. .table { display:table; padding-bottom:35px;}
  60. .table.nbp { padding-bottom:0px;}
  61. .table-cell { display: table-cell; vertical-align: top; }
  62. .table-cell img{ width: 220px; }
  63. .lp30 { padding-left:30px;}
  64. .rp30 { padding-right:30px;}
  65. hr { border:none; border-top:2px solid #eee; margin:0px 0px 40px;}
  66. .boxed-content hr { border:none; border-top:2px solid #eee; margin:0px -40px 40px;}
  67. hr.nohormargin { margin: -1px -1px 40px 0px}
  68. .one_third { width:32%; margin-right:1%; float:left;}
  69. .one_third.last{ margin-right:0;}
  70. a,a:visited { color:#e33a0c}
  71. a:hover { text-decoration: none;}
  72. .prevnext { width:615px;height:23px;position: fixed; left:50%; margin-left:-272px;top:-2px;z-index:1000;
  73. }
  74. .prevnext a { background:#e33a0c;font-size:10px; text-decoration: none !important; color:#fff !important;
  75. margin-right:2px;padding:3px 8px; border-radius:0px 0px 5px 5px; -moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;
  76. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  77. filter: alpha(opacity=50);
  78. -moz-opacity: 0.5;
  79. -khtml-opacity: 0.5;
  80. opacity: 0.5;
  81. }
  82. .prevnext a.active,
  83. .prevnext a:hover,
  84. .prevnext a:hover * { color:#fff !important;
  85. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  86. filter: alpha(opacity=100);
  87. -moz-opacity: 1;
  88. -khtml-opacity: 1;
  89. opacity: 1;
  90. }
  91. input[type="button"] { background-color:#3498db; border:none; color:#fff; padding:7px 10px; cursor:pointer; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
  92. input[type="button"]:hover { background-color:#2980b9; border:none; color:#fff; padding:7px 10px;}
  93. h2.changecolor { color:#E33A0C;}
  94. h2.results { -webkit-transition: all 0.2s ease-out;
  95. -moz-transition: all 0.2s ease-out;
  96. -o-transition: all 0.2s ease-out;
  97. -ms-transition: all 0.2s ease-out; }
  98. /******************************
  99. - HEADER -
  100. ********************************/
  101. header { width:100%; padding:20px 0px 17px 0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
  102. .content { width:100%; padding:0px 30px 0px 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
  103. .logo-container { float:left; width:50%;}
  104. .logo { background:url(../images/logo.png); background-size:100%; background-position: center center; background-repeat:no-repeat;max-width:406px; min-width:340px;height:60px; }
  105. .button-holder .button,
  106. .button-holder .button:hover,
  107. .button-holder .button:visited {
  108. float: right;
  109. background-color: #E33A0C;
  110. color: #FFF;
  111. text-decoration: none;
  112. font-weight: 300;
  113. font-size: 14px;
  114. padding: 8px 15px;
  115. border-radius: 5px;
  116. -moz-border-radius: 5px;
  117. -webkit-border-radius: 5px;
  118. }
  119. /******************************
  120. - CONTAINER -
  121. ********************************/
  122. .container { max-width:1170px; padding:30px;}
  123. /******************************
  124. - PRE -
  125. ********************************/
  126. pre { font-size:12px; font-family: 'Open Sans', sans-serif; color:#888; line-height:16px; background:url(../images/prebg.png) repeat; padding:16px; padding-bottom:15px;}
  127. pre .linedark { background:#888}
  128. pre span { font-weight:700}
  129. pre strong { color:#555;font-weight:800}
  130. h3 { font-size:14px; color:#e33a0c; line-height:20px;}
  131. /******************************
  132. - SPECIALS -
  133. ********************************/
  134. .step { float: left; margin-right: 20px; margin-top: -10px; width: 40px; height: 40px; text-align: center; font-size: 15px; line-height: 40px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; /*border: 2px solid #e33a0c;*/ color: #fff; background: #e33a0c; }