API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 13th, 2017
1,391
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.02 KB | None | 0 0
raw download clone embed print report
  1. body .slds-datepicker {
  2. padding: 0;
  3. font-size: .75rem
  4. }
  5.  
  6. body .slds-datepicker th, body .slds-datepicker td {
  7. text-align: center
  8. }
  9.  
  10. body .slds-datepicker th {
  11. padding: .5rem;
  12. font-weight: 400;
  13. color: rgb(84, 105, 141)
  14. }
  15.  
  16. body .slds-datepicker td {
  17. padding: .25rem;
  18. text-align: center;
  19. font-size: .75rem
  20. }
  21.  
  22. body .slds-datepicker td>.slds-day {
  23. width: 2rem;
  24. height: 2rem;
  25. display: block;
  26. position: relative;
  27. min-width: 2rem;
  28. line-height: 2rem;
  29. border-radius: 50%;
  30. margin: auto
  31. }
  32.  
  33. body .slds-datepicker td:hover:not(.slds-disabled-text)>.slds-day, body .slds-datepicker td:focus:not(.slds-disabled-text)>.slds-day,body .slds-datepicker td.slds-is-today>.slds-day {
  34. background: rgb(244, 246, 249);
  35. cursor: pointer
  36. }
  37.  
  38. body .slds-datepicker td.slds-is-selected:not(.slds-disabled-text)>.slds-day {
  39. background: rgb(0, 95, 178);
  40. color: rgb(255, 255, 255)
  41. }
  42.  
  43. body .slds-datepicker td.slds-is-selected-multi>.slds-day {
  44. overflow: visible
  45. }
  46.  
  47. body .slds-datepicker td.slds-is-selected-multi+.slds-is-selected-multi>.slds-day:before {
  48. content: '';
  49. position: absolute;
  50. background: rgb(0, 95, 178);
  51. top: 0;
  52. left: -50%;
  53. height: 100%;
  54. width: 2.5rem;
  55. -webkit-transform: translateX(-0.5rem);
  56. -ms-transform: translateX(-0.5rem);
  57. transform: translateX(-0.5rem);
  58. z-index: -1
  59. }
  60.  
  61. body .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child>.slds-day:before,body .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child>.slds-day:after {
  62. content: '';
  63. position: absolute;
  64. background: rgb(0, 95, 178);
  65. top: 0;
  66. left: -50%;
  67. height: 100%;
  68. width: 2.5rem;
  69. -webkit-transform: translateX(-0.5rem);
  70. -ms-transform: translateX(-0.5rem);
  71. transform: translateX(-0.5rem);
  72. z-index: -1
  73. }
  74.  
  75. body .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:first-child>.slds-day:before {
  76. left: 0;
  77. -webkit-transform: translateX(-0.25rem);
  78. -ms-transform: translateX(-0.25rem);
  79. transform: translateX(-0.25rem)
  80. }
  81.  
  82. body .slds-datepicker .slds-has-multi-row-selection .slds-is-selected-multi:last-child>.slds-day:after {
  83. left: auto;
  84. right: 0;
  85. -webkit-transform: translateX(0.25rem);
  86. -ms-transform: translateX(0.25rem);
  87. transform: translateX(0.25rem)
  88. }
  89.  
  90. body .slds-datepicker__filter {
  91. padding: .25rem
  92. }
  93.  
  94. body .slds-datepicker__filter--month {
  95. padding: 0 .25rem 0 0
  96. }
  97.  
  98. body .slds-disabled-text {
  99. color: rgb(216, 221, 230)
  100. }
  101.  
  102. body .slds-datepicker--time {
  103. max-width: 12rem;
  104. max-height: 13.5rem;
  105. overflow: hidden;
  106. overflow-y: auto
  107. }
  108.  
  109. body .slds-datepicker--time__list>li {
  110. white-space: nowrap;
  111. padding: .5rem;
  112. padding-left: 2rem;
  113. padding-right: 2rem
  114. }
  115.  
  116. body .slds-datepicker--time__list>li:hover,body .slds-datepicker--time__list>li:focus {
  117. background: rgb(244, 246, 249);
  118. text-decoration: none;
  119. cursor: pointer
  120. }
  121.  
  122.  
  123. body .uiDatePicker--default {
  124. background: rgb(255, 255, 255);
  125. box-shadow: 0 2px 3px 0 rgba(0,0,0,.16);
  126. border: 1px solid rgb(216, 221, 230);
  127. border-radius: .25rem !important;
  128. padding: .5rem 0;
  129. z-index: 9999;
  130. float: left;
  131. position: absolute;
  132. min-width: 240px;
  133. max-width: 400px;
  134. -webkit-transform: translateX(-50%);
  135. -ms-transform: translateX(-50%);
  136. transform: translateX(-50%)
  137. }
  138.  
  139. body .uiDatePicker--default {
  140. margin-top: .25rem;
  141. padding: 0;
  142. font-size: .75rem;
  143. display: none;
  144. font-weight: 400
  145. }
  146.  
  147. body .uiDatePicker--default a {
  148. text-decoration: none
  149. }
  150.  
  151. body .uiDatePicker--default .dateBar .prevMonth:before {
  152. font-family: "forceIconFont";
  153. /*content: "\e81f";*/
  154. color: #54698d;
  155. speak: none
  156. }
  157.  
  158. body .uiDatePicker--default .dateBar .nextMonth:after {
  159. font-family: "forceIconFont";
  160. /*content: "\e836";*/
  161. color: #54698d;
  162. speak: none
  163. }
  164.  
  165. body .uiDatePicker--default .dateBar .prevLinks {
  166. float: left;
  167. text-align: left;
  168. margin-left: .75rem
  169. }
  170.  
  171. body .uiDatePicker--default .dateBar .nextLinks {
  172. float: right;
  173. text-align: right;
  174. margin-right: .75rem;
  175. -webkit-box-ordinal-group: 4;
  176. -webkit-order: 3;
  177. -ms-flex-order: 3;
  178. order: 3
  179. }
  180.  
  181. body .uiDatePicker--default .dateBar {
  182. display: -webkit-flex;
  183. display: -webkit-box;
  184. display: -ms-flexbox;
  185. display: flex;
  186. position: relative;
  187. padding: .25rem;
  188. background-color: initial;
  189. }
  190.  
  191. body .uiDatePicker--default .datepicker__filter--month {
  192. width: 70%;
  193. display: -webkit-box;
  194. display: -webkit-flex;
  195. display: -ms-flexbox;
  196. display: flex;
  197. -webkit-align-items: center;
  198. -ms-flex-align: center;
  199. align-items: center;
  200. -webkit-box-pack: justify;
  201. -webkit-justify-content: space-between;
  202. -ms-flex-pack: justify;
  203. justify-content: space-between;
  204. padding: 0 .25rem 0 0
  205. }
  206.  
  207. body .uiDatePicker--default .datepicker__filter--month .monthYear {
  208. line-height: 16px;
  209. font-size: .75rem;
  210. text-transform: uppercase
  211. }
  212.  
  213. body .uiDatePicker--default .datepicker__filter--year {
  214. width: 30%
  215. }
  216.  
  217. body .uiDatePicker--default.select, body .uiDatePicker--default .select, body .uiDatePicker--default .dateBar select {
  218. font-family: 'Salesforce Sans',Arial,sans-serif;
  219. background-color: rgb(255, 255, 255);
  220. color: rgb(22, 50, 92);
  221. border: 1px solid rgb(216, 221, 230);
  222. border-radius: .25rem;
  223. font-weight: 300;
  224. font-size: 1rem;
  225. width: 100%;
  226. -webkit-transition: border .1s linear,background-color .1s linear;
  227. transition: border .1s linear,background-color .1s linear;
  228. height: 1.875rem;
  229. background-image: unset;
  230. }
  231.  
  232. body .uiDatePicker--default.select:focus, body .uiDatePicker--default .select:focus, body .uiDatePicker--default.select:active, body .uiDatePicker--default .select:active {
  233. border-color: rgb(21, 137, 238);
  234. background-color: rgb(255, 255, 255);
  235. box-shadow: 0 0 3px #0070d2
  236. }
  237.  
  238. body .uiDatePicker--default.select, body .uiDatePicker--default .select, body .uiDatePicker--default .dateBar select {
  239. -webkit-appearance: none;
  240. -moz-appearance: none;
  241. appearance: none;
  242. padding: 0 30px 0 14px;
  243. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI3LjYgMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI3LjYgMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICA8Zz4NCiAgICA8ZGVmcz4NCiAgICAgIDxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTTUuNiA1aDE2LjRjMC40IDAgMC44IDAuNiAwLjQgMWwtOCA5LjhjLTAuMyAwLjMtMC45IDAuMy0xLjIgMGwtOC05LjhDNC44IDUuNiA1LjEgNSA1LjYgNXoiLz4NCiAgICA8L2RlZnM+DQogICAgPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+DQogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgb3ZlcmZsb3c9InZpc2libGUiLz4NCiAgICA8L2NsaXBQYXRoPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiM1NTY5OEQiIHdpZHRoPSIyNy42IiBoZWlnaHQ9IjIxIi8+DQogIDwvZz4NCjwvc3ZnPg0K);
  244. background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI3LjYgMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI3LjYgMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KICA8Zz4NCiAgICA8ZGVmcz4NCiAgICAgIDxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTTUuNiA1aDE2LjRjMC40IDAgMC44IDAuNiAwLjQgMWwtOCA5LjhjLTAuMyAwLjMtMC45IDAuMy0xLjIgMGwtOC05LjhDNC44IDUuNiA1LjEgNSA1LjYgNXoiLz4NCiAgICA8L2RlZnM+DQogICAgPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+DQogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgb3ZlcmZsb3c9InZpc2libGUiLz4NCiAgICA8L2NsaXBQYXRoPg0KICAgIDxyZWN0IHg9IjAiIHk9IjAiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF8yXykiIGZpbGw9IiM1NTY5OEQiIHdpZHRoPSIyNy42IiBoZWlnaHQ9IjIxIi8+DQogIDwvZz4NCjwvc3ZnPg0K),rgb(255, 255, 255);
  245. background-repeat: no-repeat;
  246. background-position: 95% 50%;
  247. background-size: .8125rem .8125rem,100% 100%
  248. }
  249.  
  250. body .uiDatePicker--default.select::-ms-expand, body .body uiDatePicker--default .select::-ms-expand {
  251. display: none
  252. }
  253.  
  254. body .uiDatePicker--default .picklist__label {
  255. font-size: .75rem;
  256. font-weight: 400
  257. }
  258.  
  259. body .uiDatePicker--inline {
  260. margin-top: 0;
  261. position: relative;
  262. -webkit-transform: none;
  263. -ms-transform: none;
  264. transform: none
  265. }
  266.  
  267. body .uiDatePicker--default a:hover, body .uiDatePicker--default a:focus {
  268. text-decoration: none
  269. }
  270.  
  271. body .uiDatePicker--default.select:focus, body .uiDatePicker--default .select:focus, body .uiDatePicker--default.select:active, body .uiDatePicker--default.select:active {
  272. border-color: rgb(21, 137, 238);
  273. background-color: rgb(255, 255, 255);
  274. box-shadow: 0 0 3px #0070d2;
  275. outline: none
  276. }
  277.  
  278. body .uiDatePickerGrid--default thead {
  279. background-color: initial;
  280. border-bottom: none;
  281. }
  282.  
  283. body .uiDatePickerGrid--default th {
  284. padding: .5rem;
  285. font-weight: 400;
  286. color: rgb(84, 105, 141);
  287. text-align: center;
  288. text-transform: lowercase
  289. }
  290.  
  291. body .uiDatePickerGrid--default th:first-letter {
  292. text-transform: uppercase
  293. }
  294.  
  295. body .uiDatePickerGrid--default .calGrid .calRow td {
  296. border: unset;
  297. }
  298.  
  299. body .uiDatePickerGrid--default .calGrid th {
  300. color: unset;
  301. font-size: unset;
  302. font-family: unset;
  303. padding: unset;
  304. text-align: unset;
  305. }
  306.  
  307. body .uiDatePickerGrid--default td {
  308. padding: .25rem;
  309. text-align: center
  310. }
  311.  
  312. body a.uiDayInMonthCell--default.todayDate {
  313. background-color: unset;
  314. box-shadow: unset;
  315. color: unset;
  316. text-shadow: unset;
  317. }
  318.  
  319. body .uiDatePickerGrid--default td:not(.is-selected)>a:hover:not(.prevMonth):not(.nextMonth), body .uiDatePickerGrid--default td:not(.is-selected)>a.todayDate {
  320. background: rgb(244, 246, 249)
  321. }
  322.  
  323. body .uiDatePickerGrid--default td.is-selected>a:focus {
  324. background: rgb(0, 95, 178);
  325. color: rgb(255, 255, 255);
  326. outline: none;
  327. box-shadow: 0 0 3px #0070d2
  328. }
  329.  
  330. body .uiDatePickerGrid--default td.disabled-text>a:focus {
  331. outline: none;
  332. box-shadow: 0 0 3px #0070d2
  333. }
  334.  
  335. body .uiDatePickerGrid--default td.is-selected>a {
  336. background: rgb(0, 95, 178);
  337. color: rgb(255, 255, 255)
  338. }
  339.  
  340. body .uiDatePickerGrid--default td.is-selected-multi>a {
  341. overflow: visible
  342. }
  343.  
  344. body .uiDatePickerGrid--default td.is-selected-multi+.is-selected-multi>a:before {
  345. content: '';
  346. position: absolute;
  347. background: rgb(0, 95, 178);
  348. top: 0;
  349. left: -50%;
  350. height: 100%;
  351. width: 2.5rem;
  352. -webkit-transform: translateX(-0.5rem);
  353. -ms-transform: translateX(-0.5rem);
  354. transform: translateX(-0.5rem);
  355. z-index: -1
  356. }
  357.  
  358. body .uiDatePickerGrid--default td:not(.is-selected)>a:focus:not(.prevMonth):not(.nextMonth) {
  359. box-shadow: 0 0 3px #0070d2;
  360. outline: none;
  361. }
  362.  
  363. body .uiDatePickerGrid--default .has-multi-row-selection .is-selected-multi:first-child>a:not(.start-date):before, body .uiDatePickerGrid--default .has-multi-row-selection .is-selected-multi:last-child>a:not(.end-date):after {
  364. content: '';
  365. position: absolute;
  366. background: rgb(0, 95, 178);
  367. top: 0;
  368. left: -50%;
  369. height: 100%;
  370. width: 2.5rem;
  371. -webkit-transform: translateX(-0.5rem);
  372. -ms-transform: translateX(-0.5rem);
  373. transform: translateX(-0.5rem);
  374. z-index: -1
  375. }
  376.  
  377. body .uiDatePickerGrid--default .has-multi-row-selection .is-selected-multi:first-child>a:not(.start-date):before {
  378. left: 0;
  379. -webkit-transform: translateX(-0.25rem);
  380. -ms-transform: translateX(-0.25rem);
  381. transform: translateX(-0.25rem)
  382. }
  383.  
  384. body .uiDatePickerGrid--default .has-multi-row-selection .is-selected-multi:last-child>a:not(.end-date):after {
  385. left: auto;
  386. right: 0;
  387. -webkit-transform: translateX(t(spacingXxSmall));
  388. -ms-transform: translateX(t(spacingXxSmall));
  389. transform: translateX(t(spacingXxSmall))
  390. }
  391.  
  392. body .uiDatePickerGrid--default td.disabled-text>a {
  393. color: rgb(216, 221, 230)
  394. }
  395.  
  396. body a.uiDayInMonthCell--default {
  397. width: 2rem;
  398. height: 2rem;
  399. display: block;
  400. position: relative;
  401. min-width: 2rem;
  402. line-height: 2rem;
  403. border-radius: 50%;
  404. font-family: unset;
  405. font-size: unset;
  406. }
  407.  
  408. body .uiDayInMonthCell--default, body .uiDayInMonthCell--default:link, body .uiDayInMonthCell--default:visited, body .uiDayInMonthCell--default:hover, .uiDayInMonthCell--default:active {
  409. color: rgb(84, 105, 141);
  410. }
  411.  
  412. body a.uiDayInMonthCell--default.desktop:hover, body a.uiDayInMonthCell--default.desktop:focus, body a.uiDayInMonthCell--default.desktop:active {
  413. text-shadow: unset;
  414. box-shadow: unset;
  415. outline: unset;
  416. background-color: unset;
  417. }
  418.  
  419. body .uiDatePicker--default .navLink:hover {
  420. background-color: unset;
  421. border-color: unset;
  422. box-shadow: unset;
  423. outline: unset;
  424. }
  425.  
  426. body .uiDatePicker--default .dateBar .navLink {
  427. border: unset;
  428. }
  429.  
  430. body .uiDatePicker--default select.picklist__label {
  431. font-size: .75rem;
  432. font-weight: 400;
  433. }
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!