API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 17th, 2018
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.87 KB | None | 0 0
raw download clone embed print report
  1. /* M2L CSS */
  2.  
  3. /*Styles font, border...*/
  4. html,body{
  5. font-family:Verdana,sans-serif;
  6. font-size:15px;
  7. line-height:1.5;
  8. }
  9.  
  10. h1,h2,h3,h4,h5,h6{
  11. font-family:"Segoe UI",Arial,sans-serif;
  12. font-weight:normal;
  13. margin:10px 0;
  14. }
  15. h1{font-size:36px;
  16. background-color: #D8D8D8;}
  17. h2{font-size:30px;}
  18. h3{font-size:24px;}
  19. h4{font-size:20px;}
  20. h5{font-size:18px;}
  21. h6{font-size:16px;}
  22.  
  23.  
  24. small{font-size:70%;}
  25.  
  26. /* alignement du texte */
  27. .m2l-left-align{text-align:left}
  28. .m2l-right-align{text-align:right}
  29. .m2l-justify{text-align:justify}
  30. .m2l-center{text-align:center}
  31.  
  32. /* liens hypertextes */
  33. a{color:inherit;}
  34. h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit;} /*liens contenus dans les titres */
  35.  
  36. /* ligne séparatrice */
  37. hr{
  38. border-top:1px solid #eee;
  39. margin:20px 0;
  40. }
  41.  
  42. img{
  43. border-style:solid;
  44. margin-bottom:-5px;
  45. }
  46.  
  47. /* Tableau */
  48. table.m2l-table {
  49. border:1px solid #ccc;
  50. border-collapse:collapse;
  51. border-spacing:0;
  52. }
  53. .m2l-bordered tr,.m2l-table tr{border-bottom:1px solid #ddd;}
  54. .m2l-table tr:nth-child(odd){background-color:#fff}
  55. .m2l-table tr:nth-child(even){background-color:#f1f1f1}
  56. .m2l-centered tr th,.m2l-centered tr td{text-align:center}
  57. .m2l-table td,.m2l-table th{text-align:left;}
  58.  
  59.  
  60. /* m2l LOGO */
  61. .m2l-logo {
  62. font-family:fontawesome;
  63. text-decoration:none;
  64. line-height: 1;
  65. font-size:37px;
  66. letter-spacing:3px;
  67. color:#555555;
  68. }
  69.  
  70. /* m2l MENU*/
  71. .m2l-navbar{
  72. list-style-type:none;
  73. background-color:#ccc;
  74. color:#000;
  75. }
  76. .m2l-navbar a{text-decoration:none}
  77.  
  78. /* FORMULAIRES */
  79. button,input,select,textarea{
  80. font:inherit;
  81. margin:10px 0px;
  82.  
  83. }
  84. fieldset{
  85. border:5px solid #c0c0c0;
  86. margin:0 2px;
  87. padding:.35em .625em .75em
  88. }
  89.  
  90. [type=checkbox],[type=radio]{
  91. margin:10px;
  92. }
  93.  
  94. /* STRUCTURE ET POSITIONNEMENT */
  95. html,body{
  96. height: 100%;
  97. margin: 0 50px;
  98. padding: 0;
  99. width:90%
  100. }
  101.  
  102. .m2l-head{
  103. height : 100px;
  104. background-image: url("image/background.jpg");
  105.  
  106. }
  107. .m2l-navbar{
  108. margin-bottom:20px;
  109. margin-left:20px;
  110. padding:0;
  111. }
  112. .m2l-navbar li{float:left}
  113. .m2l-navbar li:last-item{clear : right;}
  114. .m2l-navbar li a,.m2l-navitem{display:block;padding:8px 16px}
  115.  
  116. .m2l-main{
  117. margin:auto;
  118. display : table;
  119. width: inherit;
  120. }
  121.  
  122. .m2l-table tr:nth-child(2n) {
  123.  
  124.  
  125. }
  126.  
  127. .m2l-table li:nth-child(2n) {
  128. list-style-type:none;
  129. background-color: #dddddd;
  130. }
  131.  
  132. .m2l-table li {
  133. list-style-type:none;
  134. line-height: 2.5em;
  135. margin-left: -2.5em;
  136.  
  137. }
  138.  
  139. .m2l-table {
  140. background-color: #FFFFFF;
  141. border-collapse:collapse;
  142. border:1px solid rgb(0, 0, 0);
  143. text-decoration: underline;
  144. }
  145.  
  146. .m2l-content{
  147. margin:inherit;
  148. width: inherit;
  149. }
  150.  
  151. .m2l-footer{
  152. display : table;
  153. width: inherit;
  154. text-align:center;
  155. }
  156.  
  157. table.m2l-table {
  158. width:100%;
  159. display:table
  160. }
  161. .m2l-table td,.m2l-table th{
  162. padding:8px 8px;
  163. display:table-cell;
  164. text-align:left;
  165. }
  166. .m2l-table th:first-child,.m2l-table td:first-child{padding-left:16px}
  167.  
  168. .m2l-left{float:left}
  169. .m2l-right{float:right}
  170. .m2l-top{position:absolute;top:0}
  171. .m2l-bottom{position:absolute;bottom:0}
  172. .m2l-display-topleft{position:absolute;left:0;top:0}
  173. .m2l-display-topright{position:absolute;right:0;top:0}
  174. .m2l-display-bottomleft{position:absolute;left:0;bottom:0}
  175. .m2l-display-bottomright{position:absolute;right:0;bottom:0}
  176. .m2l-padding-32{padding-top:32px;padding-bottom:32px;}
  177.  
  178.  
  179.  
  180.  
  181. /* Colors */
  182. .m2l-amber,.m2l-hover-amber:hover{color:#000;background-color:#ffc107}
  183. .m2l-aqua,.m2l-hover-aqua:hover{color:#000;background-color:#00ffff}
  184. .m2l-blue,.m2l-hover-blue:hover{color:#fff;background-color:#2196F3}
  185. .m2l-light-blue,.m2l-hover-light-blue:hover{color:#000;background-color:#80ebf3}
  186. .m2l-brown,.m2l-hover-brown:hover{color:#fff;background-color:#795548}
  187. .m2l-cyan,.m2l-hover-cyan:hover{color:#000;background-color:#00bcd4}
  188. .m2l-blue-grey,.m2l-hover-blue-grey:hover,.m2l-blue-gray,.m2l-hover-blue-gray:hover{color:#fff;background-color:#607d8b}
  189. .m2l-green,.m2l-hover-green:hover{color:#fff;background-color:#4CAF50}
  190. .m2l-light-green,.m2l-hover-light-green:hover{color:#000;background-color:#8bc34a}
  191. .m2l-indigo,.m2l-hover-indigo:hover{color:#fff;background-color:#3f51b5}
  192. .m2l-khaki,.m2l-hover-khaki:hover{color:#000;background-color:#f0e68c}
  193. .m2l-lime,.m2l-hover-lime:hover{color:#000;background-color:#cddc39}
  194. .m2l-orange,.m2l-hover-orange:hover{color:#000;background-color:#ff9800}
  195. .m2l-deep-orange,.m2l-hover-deep-orange:hover{color:#fff;background-color:#ff5722}
  196. .m2l-pink,.m2l-hover-pink:hover{color:#fff;background-color:#e91e63}
  197. .m2l-purple,.m2l-hover-purple:hover{color:#fff;background-color:#9c27b0}
  198. .m2l-deep-purple,.m2l-hover-deep-purple:hover{color:#fff;background-color:#673ab7}
  199. .m2l-red,.m2l-hover-red:hover{color:#fff;background-color:#f44336}
  200. .m2l-sand,.m2l-hover-sand:hover{color:#000;background-color:#fdf5e6}
  201. .m2l-teal,.m2l-hover-teal:hover{color:#fff;background-color:#009688}
  202. .m2l-yellow,.m2l-hover-yellow:hover{color:#000;background-color:#ffeb3b}
  203. .m2l-white,.m2l-hover-white:hover{color:#000;background-color:#fff}
  204. .m2l-black,.m2l-hover-black:hover{color:#fff;background-color:#000}
  205. .m2l-grey,.m2l-hover-grey:hover,.m2l-gray,.m2l-hover-gray:hover{color:#000;background-color:#9e9e9e}
  206. .m2l-light-grey,.m2l-hover-light-grey:hover,.m2l-light-gray,.m2l-hover-light-gray:hover{color:#000;background-color:#f1f1f1}
  207. .m2l-dark-grey,.m2l-hover-dark-grey:hover,.m2l-dark-gray,.m2l-hover-dark-gray:hover{color:#fff;background-color:#616161}
  208. .m2l-pale-red,.m2l-hover-pale-red:hover{color:#000;background-color:#ffdddd}
  209. .m2l-pale-green,.m2l-hover-pale-green:hover{color:#000;background-color:#ddffdd}
  210. .m2l-pale-yellow,.m2l-hover-pale-yellow:hover{color:#000;background-color:#ffffcc}
  211. .m2l-pale-blue,.m2l-hover-pale-blue:hover{color:#000;background-color:#ddffff}
  212. .m2l-text-amber,.m2l-hover-text-amber:hover{color:#ffc107}
  213. .m2l-text-aqua,.m2l-hover-text-aqua:hover{color:#00ffff}
  214. .m2l-text-blue,.m2l-hover-text-blue:hover{color:#2196F3}
  215. .m2l-text-light-blue,.m2l-hover-text-light-blue:hover{color:#87CEEB}
  216. .m2l-text-brown,.m2l-hover-text-brown:hover{color:#795548}
  217. .m2l-text-cyan,.m2l-hover-text-cyan:hover{color:#00bcd4}
  218. .m2l-text-blue-grey,.m2l-hover-text-blue-grey:hover,.m2l-text-blue-gray,.m2l-hover-text-blue-gray:hover{color:#607d8b}
  219. .m2l-text-green,.m2l-hover-text-green:hover{color:#4CAF50}
  220. .m2l-text-light-green,.m2l-hover-text-light-green:hover{color:#8bc34a}
  221. .m2l-text-indigo,.m2l-hover-text-indigo:hover{color:#3f51b5}
  222. .m2l-text-khaki,.m2l-hover-text-khaki:hover{color:#b4aa50}
  223. .m2l-text-lime,.m2l-hover-text-lime:hover{color:#cddc39}
  224. .m2l-text-orange,.m2l-hover-text-orange:hover{color:#ff9800}
  225. .m2l-text-deep-orange,.m2l-hover-text-deep-orange:hover{color:#ff5722}
  226. .m2l-text-pink,.m2l-hover-text-pink:hover{color:#e91e63}
  227. .m2l-text-purple,.m2l-hover-text-purple:hover{color:#9c27b0}
  228. .m2l-text-deep-purple,.m2l-hover-text-deep-purple:hover{color:#673ab7}
  229. .m2l-text-red,.m2l-hover-text-red:hover{color:#f44336}
  230. .m2l-text-sand,.m2l-hover-text-sand:hover{color:#fdf5e6}
  231. .m2l-text-teal,.m2l-hover-text-teal:hover{color:#009688}
  232. .m2l-text-yellow,.m2l-hover-text-yellow:hover{color:#d2be0e}
  233. .m2l-text-white,.m2l-hover-text-white:hover{color:#fff}
  234. .m2l-text-black,.m2l-hover-text-black:hover{color:#000}
  235. .m2l-text-grey,.m2l-hover-text-grey:hover,.m2l-text-gray,.m2l-hover-text-gray:hover{color:#757575}
  236. .m2l-text-light-grey,.m2l-hover-text-light-grey:hover,.m2l-text-light-gray,.m2l-hover-text-light-gray:hover{color:#f1f1f1}
  237. .m2l-text-dark-grey,.m2l-hover-text-dark-grey:hover,.m2l-text-dark-gray,.m2l-hover-text-dark-gray:hover{color:#3a3a3a}
  238. .m2l-border-amber,.m2l-hover-border-amber:hover{border-color:#ffc107}
  239. .m2l-border-aqua,.m2l-hover-border-aqua:hover{border-color:#00ffff}
  240. .m2l-border-blue,.m2l-hover-border-blue:hover{border-color:#2196F3}
  241. .m2l-border-light-blue,.m2l-hover-border-light-blue:hover{border-color:#87CEEB}
  242. .m2l-border-brown,.m2l-hover-border-brown:hover{border-color:#795548}
  243. .m2l-border-cyan,.m2l-hover-border-cyan:hover{border-color:#00bcd4}
  244. .m2l-border-blue-grey,.m2l-hover-blue-grey:hover,.m2l-border-blue-gray,.m2l-hover-blue-gray:hover{border-color:#607d8b}
  245. .m2l-border-green,.m2l-hover-border-green:hover{border-color:#4CAF50}
  246. .m2l-border-light-green,.m2l-hover-border-light-green:hover{border-color:#8bc34a}
  247. .m2l-border-indigo,.m2l-hover-border-indigo:hover{border-color:#3f51b5}
  248. .m2l-border-khaki,.m2l-hover-border-khaki:hover{border-color:#f0e68c}
  249. .m2l-border-lime,.m2l-hover-border-lime:hover{border-color:#cddc39}
  250. .m2l-border-orange,.m2l-hover-border-orange:hover{border-color:#ff9800}
  251. .m2l-border-deep-orange,.m2l-hover-border-deep-orange:hover{border-color:#ff5722}
  252. .m2l-border-pink,.m2l-hover-border-pink:hover{border-color:#e91e63}
  253. .m2l-border-purple,.m2l-hover-border-purple:hover{border-color:#9c27b0}
  254. .m2l-border-deep-purple,.m2l-hover-border-deep-purple:hover{border-color:#673ab7}
  255. .m2l-border-red,.m2l-hover-border-red:hover{border-color:#f44336}
  256. .m2l-border-sand,.m2l-hover-border-sand:hover{border-color:#fdf5e6}
  257. .m2l-border-teal,.m2l-hover-border-teal:hover{border-color:#009688}
  258. .m2l-border-yellow,.m2l-hover-border-yellow:hover{border-color:#ffeb3b}
  259. .m2l-border-white,.m2l-hover-border-white:hover{border-color:#fff}
  260. .m2l-border-black,.m2l-hover-border-black:hover{border-color:#000}
  261. .m2l-border-grey,.m2l-hover-border-grey:hover,.m2l-border-gray,.m2l-hover-border-gray:hover{border-color:#9e9e9e}
  262. .m2l-border-light-grey,.m2l-hover-border-light-grey:hover,.m2l-border-light-gray,.m2l-hover-border-light-gray:hover{border-color:#f1f1f1}
  263. .m2l-border-dark-grey,.m2l-hover-border-dark-grey:hover,.m2l-border-dark-gray,.m2l-hover-border-dark-gray:hover{border-color:#616161}
  264. .m2l-border-pale-red,.m2l-hover-border-pale-red:hover{border-color:#ffe7e7}.m2l-border-pale-green,.m2l-hover-border-pale-green:hover{border-color:#e7ffe7}
  265. .m2l-border-pale-yellow,.m2l-hover-border-pale-yellow:hover{border-color:#ffffcc}.m2l-border-pale-blue,.m2l-hover-border-pale-blue:hover{border-color:#e7ffff}
  266.  
  267. h1
  268. {
  269. background-color: #D8D8D8;
  270. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!