API tools faq
paste
Advertisement
decembre

CSS - COLOR v.1

decembre
May 8th, 2016
352
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.31 KB | None | 0 0
raw download clone embed print report
  1. ============================
  2. ======== CSS - COLOR v.1 - POSTé
  3. ============================
  4.  
  5.  
  6. ========================================
  7. ======== COLOR KEYWORDS / COLOR VALUE
  8. == http://reference.sitepoint.com/css/colorvalues
  9. aqua #00ffff
  10. black #000000
  11. blue #0000ff
  12. fuchsia #ff00ff
  13. gray #808080
  14. green #008000
  15. lime #00ff00
  16. maroon #800000
  17. navy #000080
  18. olive #808000
  19. orange #ffa500
  20. purple #800080
  21. red #ff0000
  22. silver #c0c0c0
  23. teal #008080
  24. white #ffffff
  25. yellow #ffff00
  26.  
  27. ========================================
  28. ======== SYSTEM COLORS KEYWORD DESCRIPTION
  29. == http://reference.sitepoint.com/css/colorvalues
  30. Background the DESKTOP BACKGROUND color
  31. ButtonFace the FACE COLOR FOR 3D ELEMENTS
  32. ButtonHighlight the HIGHLIGHT COLOR FOR 3D ELEMENTS
  33. ButtonShadow the SHADOW COLOR FOR 3D ELEMENTS
  34. ButtonText the text color on BUTTONS
  35. CaptionText the color of CAPTIONS, SCROLLBAR ARROWS, ETC.
  36. GrayText the color of DISABLED TEXT
  37. Highlight the color of SELECTED ITEMS in a control
  38. HighlightText the text color in SELECTED ITEMS
  39. InactiveBorder the border color of an INACTIVE WINDOW
  40. InactiveCaption the caption color of an inactive window
  41. InactiveCaptionText the color of text in an inactive caption
  42. InfoBackground the background color in TOOLTIPS
  43. InfoText the text color in TOOLTIPS
  44. Menu the MENU background color
  45. MenuText the MENU text color
  46. Scrollbar the color of the SCROLLBAR “TROUGH”
  47. ThreeDDarkShadow the dark shadow color for 3D display elements
  48. ThreeDFace the face color for 3D display elements
  49. ThreeDHighlight the highlight color for 3D display elements
  50. ThreeDLightShadow the light shadow color for 3D display elements
  51. ThreeDShadow the dark shadow color for 3D display elements
  52. Window the WINDOW background color
  53. WindowFrame the color of the WINDOW frame
  54. WindowText the color of text in WINDOWS
  55.  
  56.  
  57. ========== GREY/GRAY couleur
  58. ==http://romy.tetue.net/grey-ou-gray
  59. Couleurs grises Nom HTML Code hexadécimal Code décimal RGB
  60.  
  61. White #FFFFFF; color: black;">FF FF FF 255 255 255
  62. Gainsboro #DCDCDC; color: black;">DC DC DC 220 220 220
  63. LightGrey #D3D3D3; color: black;">D3 D3 D3 211 211 211
  64. Silver #C0C0C0; color: black;">C0 C0 C0 192 192 192
  65. DarkGray #A9A9A9; color: black;">A9 A9 A9 169 169 169
  66. Gray #808080; color: white;">80 80 80 128 128 128
  67. DimGray #696969; color: white;">69 69 69 105 105 105
  68. LightSlateGray #778899; color: white;">77 88 99 119 136 153
  69. SlateGray (gris bleu)#708090; color: white;">70 80 90 112 128 144
  70. DarkSlateGray (vert)#2F4F4F; color: white;">2F 4F 4F 47 79 79
  71. Black #000000; color: white;">00 00 00 0 0 0
  72.  
  73. ================================
  74.  
  75. ========== COLOR FLICKR OFFICIAL et TWEAK
  76. PINK FLICKR #FF0084
  77. PINK FLICKR Eteint #60565B
  78. DarkSlateGray #2F4F4F (a:visited )
  79.  
  80. GRIS Clair #c7c7c7 (comment box)
  81. GRIS Trés Clair #cccccc (border box)
  82. GRIS Bleu Foncé #4B515E (Liens normaux 3)
  83. GRIS Bleu Clair #506D91 (liens normaux 2)
  84. GRIS Bleu Plus Clair #656C7A (Liens normaux 1)
  85. GRIS Clair Bleu Pale #7D7C7B (Textes Liens Active)
  86. #969391 (Text/Liens Hover - Sidebar)
  87. GRIS + Clair #999999 (Text/liens hover)
  88. GRIS Brun Clair #6B6C6F (BOX "COMMENT" )
  89. DARK-N-GREY BROWN #040404 (member list)
  90. DARK-N-GREY Clair #3D3A3A (BOX "COMMENT" )
  91. DARK-N-GREY Foncé #222222
  92. DARK-N-GREY Pale1 #343333 (Stats background) >>> pas mal pour cadre ou ligne
  93. DARK-N-GREY Pale2 #999999 (Comment Pool Invit background)
  94.  
  95. ========== LIENS
  96. === LIENS (Normal) - GENERAL - Changer couleur (Au Choix)
  97. #4B515E == GRIS Bleu Foncé ------- Liens normaux 3
  98. #506D91 == GRIS Bleu Clair ------- liens normaux 2
  99. #656C7A == GRIS Bleu Foncé+Clair - Liens normaux 1
  100.  
  101. #7D7C7B == GRIS Clair/Bleu Pale---LIENS (Active)
  102. #AAAEBA == GRIS Clair-------------LIENS (Visités)
  103. #999999 == GRIS Tres Clair -------LIENS (Texte Hover)
  104.  
  105. ========== Couleurs Utilisées
  106. #AAAEBA ==== GRIS Clair - Liens Visités
  107. #a0a0a0
  108. #a7a7a7
  109. #bbb
  110. #bb0000
  111. #b7b7b7
  112. #cccccc ====== GRIS Trés Clair == Border Box == Changé en : Brun Gris Clair (#2D2D2D)
  113. #c7c7c7 === GRIS Clair ======= BOX "COMMENT" - FOND Couleur == Changé en : DARK-N-GREY Foncé [#222222)
  114. #FFFFFF
  115. #ff0084
  116. #F0F0F0
  117. #f3f3f3
  118. #f44
  119. #000000
  120. #0063dc
  121. #0063ff
  122. #161616
  123. #2d93ff
  124. #222
  125. #2984e5
  126. #303030
  127. #4B515E === GRIS Bleu Foncé - Liens normaux 3 (Au Choix)
  128. #40a3ff
  129. #424242
  130. #444
  131. #454545
  132. #505050
  133. #506D91 === GRIS bleu clair - liens normaux 2 (Au Choix)
  134. #555
  135. #525252
  136. #5a5a5a
  137. #575757
  138. #6a6a6a
  139. #646464
  140. #656C7A === GRIS Bleu Foncé plus clair - Liens normaux 1 (Au Choix)
  141. #686868
  142. #777
  143. #7D7C7B === GRIS Clair - Bleu Pale - Textes Liens Active
  144. #8aadff
  145. #808080
  146. #909090
  147. #969391 === Liens Hover - Sidebar
  148. #999999 === GRIS + Clair - text liens hover
  149. #ff0084 === ROSE Flickr === Recent Activity - MESSAGES - Titre Couleur - Changé en :Rose éteint (#AE497F)
  150.  
  151.  
  152. ========== TEST COLOR ==========
  153. #B9D56E Hover Green Userstyle
  154. =========================================================
  155.  
  156.  
  157. ============================
  158. =========== currentColor
  159. == https://developer.mozilla.org/fr/docs/CSS/color
  160. == http://css-tricks.com/currentcolor/
  161.  
  162. color: currentColor; :
  163. Le mot-clé spécial représentant la valeur de la propriété color de l'ancêtre direct.
  164. div {
  165. color: red;
  166. border: 5px solid currentColor;
  167. box-shadow: 0 0 5px solid currentColor;
  168. }
  169. It will follow the cascade :
  170. body { color: red; }
  171. div { border: 5px solid currentColor; }
  172.  
  173. You can't trick it.
  174. Let's say you wanted to exploit the variable quality to it,
  175. but then reset the color for the actual text... this won't work:
  176.  
  177. div {
  178. color: red;
  179. border: 5px solid currentColor;
  180. box-shadow: 0 0 5px currentColor;
  181. color: black;
  182. }
  183.  
  184. Exemple flickr photo page:
  185. (http://www.flickr.com/photos/the_chocolate_trio/5968523466/in/pool-1650731@N22/)
  186. #photo-actions #action-buttons-right #stats_ul {
  187. background-color: rgba(0, 0, 0, 0.7) !important;
  188. outline: 1px dotted white !important;
  189. /*outline-style:solid !important;
  190. outline-color: invert !important;*/
  191. border: 2px solid currentColor !important;
  192. }
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!