Advertisement
Guest User

Update 2 for stylish CSS - Dark Outlook

a guest
Oct 13th, 2015
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2. color: #ACDEEE;
  3. }
  4.  
  5. element.style {
  6.     background-color: rgba(55, 66, 75, 0.53);
  7.     color: #C0C0C0;
  8. }
  9. span {  color: #C0C0C0!important;}
  10. .ms-bg-color-themeLight, .ms-bgc-tl, .ms-bg-color-themeLight-hover:hover, .ms-bg-color-themeLight-before:before, .ms-bgc-tl-h:hover, .ms-bgc-tl-b:before {
  11. background-color: #556574!important;
  12. transition: background-color .2s;
  13. }
  14.  
  15. .conductorContent{
  16. background: #293134!important;color: #C0C0C0!important;
  17. }
  18.  
  19. .ms-bg-color-white, .ms-bgc-w, .ms-bg-color-white-hover:hover, .ms-bg-color-white-before:before, ms-bgc-w-h:hover, .ms-bgc-w-b:before {
  20. background: #293134!important;color: #D3D3D3!important;
  21. transition: background-color .2s;
  22. }
  23.  
  24. .owa-color-neutral-orange {
  25. color: #D82300!important;
  26. }
  27. .owa-color-neutral-red {
  28. color: #A80F22!important;
  29. }
  30.  
  31. .ms-border-color-neutralSecondary, .ms-border-color-neutralLight, .ms-bcl-ns, .ms-border-color-neutralSecondary-hover:hover, .ms-border-color-neutralSecondary-before:before, .ms-bcl-ns-h:hover, .ms-bcl-ns-b:before {
  32. background: #293134!important;color: #D3D3D3!important;
  33. transition: background-color .2s;
  34. }
  35.  
  36. ._n_W2 {
  37. background-color: rgba(41, 56, 63, 0.53)!important;
  38. }
  39.  
  40. ._rp_D5 {
  41. background-color: rgba(47, 49, 56, 0.69)!important;
  42. }
  43. ._n_V4 {
  44. background-color: #383838!important;
  45. }
  46. .ms-bg-color-themeLighter, .ms-bg-color-themeLighterAlt, .ms-bgc-tlr, .ms-bg-color-themeLighter-hover:hover, .ms-bg-color-themeLighter-before:before, .ms-bgc-tlr-h:hover, .ms-bgc-tlr-b:before {
  47. background-color: #495251!important;
  48. transition: background-color .2s;
  49. }
  50. .ms-bg-color-neutralLighter, .ms-bg-color-neutralLighterAlt, .ms-bgc-nlr, .ms-bg-color-neutralLighter-hover:hover, .ms-bg-color-neutralLighter-before:before, .ms-bgc-nlr-h:hover, .ms-bgc-nlr-b:before {
  51. background-color: #5C6063!important;
  52. transition: background-color .2s;
  53. }
  54. .ms-font-color-neutralPrimary, .ms-fcl-np, .ms-font-color-neutralPrimary-hover:hover, .ms-font-color-neutralPrimary-before:before, .ms-fcl-np-h:hover, .ms-fcl-np-b:before {
  55. color: #C1CF5F!important;
  56. }
  57. .ms-font-color-themePrimary, .ms-fcl-tp, .ms-font-color-themePrimary-hover:hover, .ms-font-color-themePrimary-before:before, .ms-fcl-tp-h:hover, .ms-fcl-tp-b:before {
  58. color: #F5FF00;
  59. }
  60. ._llv_7 {
  61. width: 14px;
  62. }
  63. ._n_j8:hover {
  64. background-color: transparent!important;
  65. transition: background-color .2s;
  66. }
  67. ._ad_2 {
  68. background: -webkit-gradient(linear,0% 0,0% 100%,from(#465B7A),to(#2D3A49))!important;
  69. }
  70. ._n_T1:hover {
  71. background-color: #496170!important;
  72. transition: background-color .2s;
  73. }
  74. ._rpc_2 {
  75. background: -webkit-gradient(linear,0% 0,0% 100%,from(#30393D),to(#425161))!important;
  76. }
  77. .ms-contactCard, .ms-mysite-profileHeader-content {
  78. background: -webkit-gradient(linear,0% 0,0% 100%,from(#30393D),to(#425161))!important;
  79. }
  80. .popupPanel {
  81. background-color: rgba(27, 32, 39, 0.82)!important;
  82. transition: background-color .4s;
  83. }
  84. .modalPanelBackground {
  85. background-color: #4D4E50!important;
  86. transition: background-color .4s;
  87. }
  88. .textbox {
  89. background-color: #3A3A3F!important;
  90. }
  91. .ms-core-overlay {
  92. background-color: rgba(219, 218, 208, 0.85)!important;
  93. transition: background-color .4s;
  94. }
  95. .o365cs-base.o365cst .ms-bgc-w, .o365cs-base.o365cst .ms-bgc-w-h:hover, .o365cs-base.o365cst.ms-bgc-w {
  96. background-color: rgba(60, 62, 70, 0.65)!important;
  97. transition: background-color .2s;
  98. }
  99. .ms-bg-color-neutralLight, .ms-bgc-nl, .ms-bg-color-neutralLight-hover:hover, .ms-bg-color-neutralLight-before:before, .ms-bgc-nl-h:hover, .ms-bgc-nl-b:before {
  100. background-color: #3D5272!important;
  101. }
  102. .textboxEnabled:hover {
  103. background-color: #3B4752!important;
  104. transition: background-color .2s;
  105. }
  106. ._fp_f:hover {
  107. background-color: #3B5163!important;
  108. transition: background-color .2s;
  109. }
  110. .o365cs-nav-contextMenu {
  111. background-color: rgba(44, 48, 53, 0.78)!important;
  112. transition: background-color .4s;
  113. }
  114.  
  115. ._mgdn_y, ._n_S6 {
  116. background-color: transparent !important;
  117. }
  118.  
  119. ._pi_A {
  120. background-color: #293134!important;
  121. }
  122.  
  123. ._zy_x {
  124. background: #293134!important;color: #D3D3D3!important;
  125. }
  126.  
  127. _n_y2 {
  128. background: #293134!important;color: #C0C0C0!important;
  129. }
  130. ._lv_J {
  131. background: #293134!important;color: #C0C0C0!important;
  132. }
  133.  
  134. ._lv_h3 {
  135. background: #293134!important;color: #C0C0C0!important;
  136. }
  137.  
  138.  
  139. ._lv_v ._lv_J {
  140. background: #293134!important;color: #C0C0C0!important;
  141. }
  142. ._lv_63 ._lv_h3 {
  143. background: #293134!important;color: #C0C0C0!important;
  144. }
  145.    
  146.  
  147. ._lv_v ._lv_K {
  148. font: 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif!important;
  149. background: #463C3C!important;
  150. color: #D7FBAE!important;
  151. }
  152. ._lv_63 ._lv_i3{
  153. font: 'Segoe UI WPC','Segoe UI',Tahoma,'Microsoft Sans Serif',Verdana,sans-serif!important;
  154. background: #425966!important;
  155. color: #C9D6E0!important;
  156. }
  157.  
  158.  
  159. ._lv_t {
  160. background: #293134!important;color: #C0C0C0!important;
  161. }
  162. ._lv_43 {
  163. background: #293134!important;color: #C0C0C0!important;
  164. }
  165.  
  166. ._lv_y {
  167. background: #293134!important;color: #C0C0C0!important;
  168. }
  169. ._lv_83 {
  170. background: #293134!important;color: #C0C0C0!important;
  171. }
  172.    
  173. ._lv_E {
  174. background: #293134!important;color: #C0C0C0!important;
  175. }
  176. ._lv_c3 {
  177. background: #293134!important;color: #C0C0C0!important;
  178. }
  179.  
  180.  
  181. .pivotNavClassical {
  182. background: #293134!important;color: #C0C0C0!important;
  183. }
  184.  
  185. ._n_w2 {
  186. background: #293134!important;color: #C0C0C0!important;
  187. }
  188.  
  189. ._n_37 {
  190. background: #293134!important;color: #C0C0C0!important;
  191. }
  192. ._n_67 {
  193. background: #293134!important;color: #C0C0C0!important;
  194. }
  195.  
  196. ._n_d2 ._n_92{
  197. background: #293134!important;color: #C0C0C0!important;
  198.   }
  199.  
  200.  
  201. ._rp_Z3{
  202. background: #293134!important;color: #C0C0C0!important;
  203.   }
  204.  
  205.  
  206. .folderPaneGradient {
  207. background: #293134!important;color: #C0C0C0!important;
  208. }
  209.  
  210. ._n_16 {
  211. background: #293134!important;color: #C0C0C0!important;
  212. }
  213.  
  214. ._n_e2 {
  215. background: #293134!important;color: #C0C0C0!important;
  216. }
  217. ._n_07 {
  218. background-color: transparent!important;
  219. }
  220.  
  221.  
  222.  
  223. /* defaults for all links */
  224. a:link, .link, a font[color], .mn-hd-txt,
  225.     a.fl:link, .fl a, .flt, a.flt, .gl a:link, a.mblink, .mblink b, ._Hg ._qA, ._Hg ._Pn, ._Hg ._Uq, #gt-feedback, #gb a  {
  226.         color: #7C9EDC !important;
  227.         transition: color .4s, text-shadow .4s !important;
  228.     }
  229.                    
  230. a:visited {
  231.     color: #F92672 !important;
  232. }
  233.  
  234. /* hovers */
  235. .menuitem:hover, a:hover, a span:hover, .actbar-btn:hover, #gt-feedback:hover, #gb a:hover {
  236. color: #E5E5E5 !important; text-shadow: #ffffff 0px 0px 2px !important;
  237. transition: color .4s, text-shadow .4s !important;
  238. }
  239.  
  240. /* big link visited */
  241. #res .g a:visited { opacity: 0.5 !important; }
  242.  
  243. /* URL text */
  244. .a, cite, .cite, .cite:link, cite b, #resultStats { color: #999 !important; }
  245.  
  246. /* dashes between Cached and Similar links */
  247. .gl { color: #999 !important; }
  248.  
  249. /* disable dashed outline on focused elements */
  250. :focus { outline: none; }
  251.  
  252. /* image thumbnails */
  253. #res .g img, #ImgContent td img {
  254.   border: none !important;
  255. box-shadow: 4px 4px 10px rgba(0,0,0,0.8) !important;
  256. }
  257.  
  258. /* Main text color */
  259. div, td, font[color="#000000"], .qbtbha .qbtbtxt.qbclr, .gt-rw-span, .gt-syn-span, .gt-card-ttl-txt, #contribute-target, #source { color: #999999; }
  260.  
  261. /* fix for google suggest */
  262. .aAutoComplete .cAutoComplete, .google-ac-a .google-ac-c, .gac_a > .gac_c { color: #CCCCCC !important; }
  263. .aAutoComplete .dAutoComplete, .google-ac-a .google-ac-d, .gac_a > .gac_d { color: white !important; }
  264. .google-ac-e td, .gac_e { color: #380000 !important; }
  265.  
  266. /* make sure web forms (and google suggest) don't get their colors changed */
  267. input *, textarea *, .aAutoComplete {
  268.     background: -moz-Field !important;
  269.     color: #999999 !important;
  270. }
  271.  
  272. /* messages list */
  273. .listItemDefaultBackground {
  274.     background: #293134!important;
  275. }
  276.  
  277. /* 'all' filter button above messages */
  278. button._n_l1 {
  279.     background-color: #556574!important;
  280. }
  281.  
  282. /* area to the right of a group name */
  283. ._mgdn_l {
  284.     background: transparent!important;
  285. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement