Etusivu Tutki Apua
Kirjaudu sisään
metya
/
CoreML
peilaus alkaen https://github.com/metya/CoreML.git
1
0
Fork 0
Tiedostot Ongelmat 0 Wiki
Puu: 44b8fe24a8
Haarat Tagit
CoreML
/
assets
/
css
/
ribbons.css

ribbons.css 1.5 KB
Historia Raaka

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 
  1. /*Github Ribbon Test*/
    2. 

  2. /* Source: https://github.com/dciccale/css3-github-ribbon */
    3. 

  3. /* Define classes for example, definition, problem etc. */
    4. 

  4. /* Choose meaningful colors for background and text */
    5. 

  5. 

  6. .example {
    7. 

  7.   background-color: #121621;
    8. 

  8.   top: 1.2em;
    9. 

  9.   right: -3.2em;
    10. 

  10.   -webkit-transform: rotate(45deg);
    11. 

  11.   -moz-transform: rotate(45deg);
    12. 

  12.   transform: rotate(45deg);
    13. 

  13.   -webkit-box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
    14. 

  14.   -moz-box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
    15. 

  15.   box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
    16. 

  16.   color: #FF0;
    17. 

  17.   display: block;
    18. 

  18.   padding: .6em 3.5em;
    19. 

  19.   position: absolute;
    20. 

  20.   font: bold .82em sans-serif;
    21. 

  21.   text-align: center;
    22. 

  22.   text-decoration: none;
    23. 

  23.   text-shadow: 1px -1px 8px rgba(0,0,0,0.60);
    24. 

  24.   -webkit-user-select: none;
    25. 

  25.   -moz-user-select: none;
    26. 

  26.   user-select: none;
    27. 

  27. }
    28. 

  28. 

  29. .definition {
    30. 

  30.   background-color: #a00;
    31. 

  31.   top: 1.2em;
    32. 

  32.   right: -3.2em;
    33. 

  33.   -webkit-transform: rotate(45deg);
    34. 

  34.   -moz-transform: rotate(45deg);
    35. 

  35.   transform: rotate(45deg);
    36. 

  36.   -webkit-box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
    37. 

  37.   -moz-box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
    38. 

  38.   box-shadow: 0 0 0 1px #1d212e inset,0 0 2px 1px #fff inset,0 0 1em #888;
    39. 

  39.   color: #FFF;
    40. 

  40.   display: block;
    41. 

  41.   padding: .6em 3.5em;
    42. 

  42.   position: absolute;
    43. 

  43.   font: bold .82em sans-serif;
    44. 

  44.   text-align: center;
    45. 

  45.   text-decoration: none;
    46. 

  46.   text-shadow: 1px -1px 8px rgba(0,0,0,0.60);
    47. 

  47.   -webkit-user-select: none;
    48. 

  48.   -moz-user-select: none;
    49. 

  49.   user-select: none;
    50. 

  50. }
    51.