skin/options.css - Issue 29340737: Issue 3968 - Add "new-" prefix to option file names

Side by Side Diff: skin/options.css

Issue 29340737: Issue 3968 - Add "new-" prefix to option file names (Closed)

Patch Set: Created April 22, 2016, 9:21 a.m.

Left:
Right:

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

View unified diff | Download patch

OLD	NEW
	(Empty)
1 /*

2 * This file is part of Adblock Plus <https://adblockplus.org/>,

3 * Copyright (C) 2006-2016 Eyeo GmbH

4 *

5 * Adblock Plus is free software: you can redistribute it and/or modify

6 * it under the terms of the GNU General Public License version 3 as

7 * published by the Free Software Foundation.

8 *

9 * Adblock Plus is distributed in the hope that it will be useful,

10 * but WITHOUT ANY WARRANTY; without even the implied warranty of

11 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

12 * GNU General Public License for more details.

13 *

14 * You should have received a copy of the GNU General Public License

15 * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.

16 */

17

18 @font-face

19 {

20 font-family: "Source Sans Pro";

21 src: url(fonts/SourceSansPro-Light.woff);

22 /* local("Ø") forces using no local font called Source Sans Pro */

23 src: local("Ø"), url(fonts/SourceSansPro-Light.woff) format("woff");

24 font-weight: 300;

25 font-style: normal;

26 }

27

28 @font-face

29 {

30 font-family: "Source Sans Pro";

31 src: url(fonts/SourceSansPro-Regular.woff);

32 /* local("Ø") forces using no local font called Source Sans Pro */

33 src: local("Ø"), url(fonts/SourceSansPro-Regular.woff) format("woff");

34 font-weight: 400;

35 font-style: normal;

36 }

37

38 @font-face

39 {

40 font-family: "Source Sans Pro";

41 src: url(fonts/SourceSansPro-Semibold.woff);

42 /* local("Ø") forces using no local font called Source Sans Pro */

43 src: local("Ø"), url(fonts/SourceSansPro-Semibold.woff) format("woff");

44 font-weight: 600;

45 font-style: normal;

46 }

47

48 body

49 {

50 background-color: #F5F5F5;

51 display: flex;

52 margin: 20px 10px;

53 font-family: "Source Sans Pro", sans-serif;

54 font-size: 14px;

55 color: #494949;

56 }

57

58 h1

59 {

60 font-size: 24px;

61 line-height: 1em;

62 font-weight: 300;

63 }

64

65 h2

66 {

67 font-size: 16px;

68 font-weight: 600;

69 }

70

71 p

72 {

73 font-weight: 300;

74 }

75

76 hr

77 {

78 background-color: #CDCDCD;

79 border: 0px;

80 height: 1px;

81 margin: 0px;

82 }

83

84 [aria-hidden="true"]

85 {

86 display: none !important;

87 }

88

89 input[type="search"]::-webkit-search-cancel-button

90 {

91 display: none;

92 }

93

94 input[type="text"], input[type="search"]

95 {

96 -webkit-box-sizing: border-box;

97 -moz-box-sizing: border-box;

98 box-sizing: border-box;

99 }

100

101 button[role="checkbox"]

102 {

103 vertical-align: top;

104 width: 18px;

105 height: 18px;

106 margin-top: 0px;

107 -moz-margin-end: 20px;

108 -webkit-margin-end: 20px;

109 padding: 0px;

110 border: none;

111 background-color: transparent;

112 background-position: -51px 0px;

113 }

114

115 button[role="checkbox"][aria-checked="true"]

116 {

117 background-position: -68px 0px;

118 }

119

120 .option-name

121 {

122 display: flex;

123 margin-bottom: 16px;

124 margin-top: 24px;

125 }

126

127 .option-name > :first-child

128 {

129 flex: 1;

130 overflow: hidden;

131 text-overflow: ellipsis;

132 white-space: nowrap;

133 }

134

135 #nav-sidebar

136 {

137 min-width: 198px;

138 }

139

140 #nav-sidebar .fixed

141 {

142 top: 40px;

143 bottom: 2px;

144 height: auto;

145 position: fixed;

146 }

147

148 #page-title

149 {

150 padding: 0px 20px;

151 }

152

153 #page-title p

154 {

155 margin: 0px;

156 font-size: 16px;

157 line-height: 1em;

158 }

159

160 #page-title h1

161 {

162 margin: 0px;

163 padding: 8px 0px 16px 0px;

164 }

165

166 .hbox

167 {

168 display: flex;

169 flex-direction: row;

170 }

171

172 .hbox > div

173 {

174 width: 400px;

175 }

176

177 .tabs li

178 {

179 cursor: pointer;

180 display: flex;

181 }

182

183 .tabs li a

184 {

185 flex: 1;

186 color: inherit;

187 text-decoration: none;

188 }

189

190 .tabs.vertical

191 {

192 list-style: none;

193 margin: 0px;

194 position: relative;

195 padding: 0px;

196 width: 198px;

197 }

198

199 .tabs.vertical li

200 {

201 border-color: #CDCDCD transparent;

202 border-style: solid;

203 border-width: 1px;

204 font-size: 16px;

205 font-weight: 300;

206 line-height: 1em;

207 margin-top: -1px;

208 padding: 14px 20px;

209 }

210

211 body[data-tab\|="general"] #tab-general,

212 body[data-tab\|="advanced"] #tab-advanced,

213 body[data-tab\|="help"] #tab-help

214 {

215 background-color: #FFFFFF;

216 border-radius: 3px 0px 0px 3px;

217 border-width: 1px;

218 font-weight: 600;

219 -moz-border-start-color: #CDCDCD;

220 -webkit-border-start-color: #CDCDCD;

221 -moz-margin-end: -1px;

222 -webkit-margin-end: -1px;

223 -moz-margin-start: -1px;

224 -webkit-margin-start: -1px;

225 -moz-padding-end: 21px;

226 -webkit-padding-end: 21px;

227 -moz-padding-start: 21px;

228 -webkit-padding-start: 21px;

229 }

230

231 html[dir="rtl"] body[data-tab\|="general"] #tab-general,

232 html[dir="rtl"] body[data-tab\|="advanced"] #tab-advanced,

233 html[dir="rtl"] body[data-tab\|="help"] #tab-help

234 {

235 border-radius: 0px 3px 3px 0px;

236 }

237

238 .tabs.vertical.bottom

239 {

240 bottom: 0px;

241 position: absolute;

242 }

243

244 .tabs.vertical.bottom li:first-child

245 {

246 border-top: 0px;

247 }

248

249 #tab-contribute

250 {

251 border-bottom: none;

252 }

253

254 #nav-sidebar ul li .icon

255 {

256 height: 14px;

257 width: 14px;

258 }

259

260 #tab-general .icon

261 {

262 background-position: -16px -18px;

263 }

264

265 #tab-advanced .icon

266 {

267 background-position: -46px -18px;

268 }

269

270 #tab-help .icon

271 {

272 background-position: -1px -18px;

273 }

274

275 #tab-share .icon

276 {

277 background-position: -61px -18px;

278 }

279

280 #tab-contribute .icon

281 {

282 background-position: -31px -18px;

283 }

284

285 #tab-share:lang(zh),

286 #tab-share[hidden]

287 {

288 display: none;

289 }

290

291 #tab-share:lang(zh) + li,

292 #tab-share[hidden] + li

293 {

294 border-top: none;

295 }

296

297 #content

298 {

299 background-color: #FFFFFF;

300 border: 1px solid #CDCDCD;

301 border-radius: 8px;

302 box-sizing: border-box;

303 min-width: 960px;

304 padding: 0px 60px 40px 60px;

305 }

306

307 #content h1

308 {

309 border-bottom: 1px solid #CDCDCD;

310 margin: 0px;

311 padding: 40px 0px 16px 0px;

312 }

313

314 #link-version

315 {

316 display: flex;

317 margin: 12px 20px;

318 color: #3A7BA6;

319 text-decoration: none;

320 }

321

322 #abp-version

323 {

324 -moz-margin-start: 5px;

325 -webkit-margin-start: 5px;

326 }

327

328 #content-wrapper

329 {

330 position: relative;

331 }

332

333 #content-wrapper > div

334 {

335 display: none;

336 }

337

338 body[data-tab\|="general"] #content-general,

339 body[data-tab\|="advanced"] #content-advanced,

340 body[data-tab\|="help"] #content-help

341 {

342 display: block;

343 }

344

345 div.button

346 {

347 cursor: pointer;

348 display: flex;

349 }

350

351 .table

352 {

353 list-style: none;

354 margin: 0px;

355 padding: 0px;

356 position: relative;

357 }

358

359 .table li

360 {

361 display: flex;

362 padding: 12px 0px;

363 -webkit-padding-start: 16px;

364 -moz-padding-start: 16px;

365 border-radius: 3px;

366 }

367

368 .table.list li .display

369 {

370 flex: 1;

371 line-height: 16px;

372 overflow: hidden;

373 text-overflow: ellipsis;

374 white-space: nowrap;

375 }

376

377 .table.list li:nth-of-type(odd),

378 .table.cols li:nth-of-type(odd),

379 .table li.empty-placeholder

380 {

381 background-color: #F5F5F5;

382 }

383

384 .table label

385 {

386 vertical-align: top;

387 }

388

389 .table.cols

390 {

391 border-bottom: 1px solid #CDCDCD;

392 border-top: 1px solid #CDCDCD;

393 }

394

395 button[disabled="true"]

396 {

397 border-radius: 2px;

398 background-color: #ccc;

399 }

400

401 .table button.delete

402 {

403 background-color: transparent;

404 background-position: -9px -32px;

405 border: 0px;

406 height: 10px;

407 margin-top: 5px;

408 -moz-margin-end: 20px;

409 -webkit-margin-end: 20px;

410 padding: 0px;

411 cursor: pointer;

412 width: 10px;

413 }

414

415 .table .popular

416 {

417 color: #1E8728;

418 font-size: 12px;

419 -moz-padding-end: 12px;

420 -webkit-padding-end: 12px;

421 }

422

423 .tabs.horizontal

424 {

425 display: flex;

426 margin-bottom: 0px;

427 padding: 0px;

428 }

429

430 .tabs.horizontal li

431 {

432 display: inline-block;

433 border-bottom: 1px solid #A1A1A1;

434 padding: 10px 46px;

435 color: #3A7BA6;

436 text-align: center;

437 }

438

439 .icon,

440 button[role="checkbox"],

441 .table button.delete,

442 #content-help a::before,

443 #dialog-close::before,

444 #custom-filters-add button::after,

445 #dialog-body button::before,

446 .date::before,

447 .time::before,

448 #all-filter-lists .arrow,

449 .context-menu .content a::before

450 {

451 background-image: url(options-sprite.png);

452 display: inline-block;

453 }

454

455 .icon-add

456 {

457 background-position: -0px -0px;

458 cursor: pointer;

459 height: 18px;

460 min-width: 18px;

461 }

462

463 .icon-update

464 {

465 background-position: -34px -0px;

466 cursor: pointer;

467 height: 18px;

468 width: 18px;

469 }

470

471 .icon-edit

472 {

473 background-position: -17px -0px;

474 cursor: pointer;

475 height: 18px;

476 width: 18px;

477 }

478

479 #content-help a::before,

480 #dialog-body button::before

481 {

482 background-position: 0px -42px;

483 content: "";

484 cursor: pointer;

485 height: 11px;

486 vertical-align: middle;

487 width: 7px;

488 -moz-margin-end: 12px;

489 -webkit-margin-end: 12px;

490 }

491

492 .controls

493 {

494 border-top: 1px solid #CDCDCD;

495 padding-top: 8px;

496 -moz-padding-start: 16px;

497 -webkit-padding-start: 16px;

498 position: relative;

499 }

500

501 .controls > div

502 {

503 display: flex;

504 }

505

506 .controls button,

507 #dialog-close

508 {

509 background: none;

510 border: none;

511 cursor: pointer;

512 display: block;

513 padding: 0;

514 }

515

516 .controls button span:not(.icon)

517 {

518 color: #3A7BA6;

519 display: inline-block;

520 -moz-margin-start: 15px;

521 -webkit-margin-start: 15px;

522 padding-top: 1px;

523 vertical-align: top;

524 }

525

526 /*

527 General tab content

528 */

529

530 #blocking-languages,

531 #acceptable-ads

532 {

533 -moz-margin-end: 40px;

534 -webkit-margin-end: 40px;

535 }

536

537 #custom-wrapper

538 {

539 height: 290px;

540 overflow: auto;

541 }

542

543 #custom-wrapper .table

544 {

545 width: 100%;

546 }

547

548 #whitelisting .controls

549 {

550 -moz-padding-start: 12px;

551 -webkit-padding-start: 12px;

552 }

553

554 #whitelisting .controls.mode-edit > button,

555 #whitelisting .controls:not(.mode-edit) > div

556 {

557 display: none;

558 }

559

560 #whitelisting .controls input[type="text"]

561 {

562 border: 0px;

563 border-bottom: 1px solid #A1A1A1;

564 -moz-padding-end: 25px;

565 -webkit-padding-end: 25px;

566 -moz-margin-start: 14px;

567 -webkit-margin-start: 14px;

568 outline: 0px;

569 padding-bottom: 5px;

570 vertical-align: text-bottom;

571 width: 100%;

572 }

573

574 #whitelisting .controls .button-add span

575 {

576 -moz-margin-start: 5px;

577 -webkit-margin-start: 5px;

578 }

579

580 #whitelisting .button-add

581 {

582 -moz-margin-start: 32px;

583 -webkit-margin-start: 32px;

584 }

585

586 #whitelisting-add-button + span

587 {

588 flex: 1;

589 }

590

591 .icon-enter

592 {

593 background-position: -18px -32px;

594 cursor: pointer;

595 height: 10px;

596 position: absolute;

597 top: 10px;

598 -moz-margin-start: -20px;

599 -webkit-margin-start: -20px;

600 width: 10px;

601 }

602

603 .button-add, .cancel-button

604 {

605 background-color: transparent;

606 border: 0px;

607 color: #3A7BA6;

608 cursor: pointer;

609 }

610

611 /*

612 Advanced tab content

613 */

614

615 #tweaks.table li

616 {

617 padding-bottom: 0px;

618 }

619

620 #restart-safari

621 {

622 -moz-margin-start: 20px;

623 -webkit-margin-start: 20px;

624 color: red;

625 font-weight: 600;

626 }

627

628 #filter-lists > div

629 {

630 display: none;

631 }

632

633 body[data-tab="advanced-allFilterLists"] #all-filter-lists,

634 body[data-tab="advanced-customFilters"] #custom-filters

635 {

636 display: block;

637 }

638

639 body[data-tab="advanced-allFilterLists"] #content-advanced [data-tab="advanced-a llFilterLists"],

640 body[data-tab="advanced-customFilters"] #content-advanced [data-tab="advanced-cu stomFilters"]

641 {

642 border-bottom: 2px solid #1E8728;

643 padding-bottom: 10px;

644 color: black;

645 font-weight: 600;

646 }

647

648 #all-filter-lists .table

649 {

650 display: inline-block;

651 }

652

653 #all-filter-lists .table li

654 {

655 padding-left: 16px;

656 padding-right: 16px;

657 }

658

659 #all-filter-lists .table li > div

660 {

661 display: flex;

662 width: 330px;

663 }

664

665 .table-header

666 {

667 display: flex;

668 }

669

670 #filter-lists h3

671 {

672 display: inline-block;

673 margin-bottom: 7px;

674 font-size: 14px;

675 }

676

677 .table-header h3:first-child

678 {

679 width: 330px;

680 -webkit-padding-start: 54px;

681 -moz-padding-start: 54px;

682 }

683

684 #all-filter-lists .table li span.display

685 {

686 cursor: pointer;

687 }

688

689 #all-filter-lists .table .head span:first-child

690 {

691 -webkit-padding-start: 38px;

692 -moz-padding-start: 38px;

693 }

694

695 #all-filter-lists .controls

696 {

697 padding-top: 0px;

698 border-top: none;

699 }

700

701 #all-filter-lists .controls button

702 {

703 margin-top: 14px;

704 }

705

706 #all-filter-lists .arrow

707 {

708 position: relative;

709 margin: auto 6px;

710 border-style: none;

711 padding: 0px;

712 width: 6px;

713 height: 4px;

714 background-position: -1px -54px;

715 cursor: pointer;

716 }

717

718 #all-filter-lists .table li:last-of-type a

719 {

720 color: #3A7BA6;

721 text-decoration: none;

722 cursor: pointer;

723 }

724

725 #all-filter-lists .table li:last-of-type > span:last-child

726 {

727 -webkit-margin-start: auto;

728 -moz-margin-start: auto;

729 }

730

731 #all-filter-lists li.show-message .date,

732 #all-filter-lists li.show-message .time,

733 #all-filter-lists li:not(.show-message) .message

734 {

735 display: none;

736 }

737

738 .date::before

739 {

740 content: "";

741 -webkit-margin-end: 6px;

742 -moz-margin-end: 6px;

743 height: 12px;

744 width: 12px;

745 background-position: -7px -49px;

746 }

747

748 .time::before

749 {

750 content: "";

751 -webkit-margin-end: 6px;

752 -moz-margin-end: 6px;

753 -webkit-margin-start: 12px;

754 -moz-margin-start: 12px;

755 height: 12px;

756 width: 12px;

757 background-position: -20px -49px;

758 }

759

760 #custom-filters-header

761 {

762 padding: 0px 20px;

763 margin-bottom: 10px;

764 }

765

766 #custom-filters-raw-controls

767 {

768 display: flex;

769 }

770

771 #custom-filters:not(.mode-edit) #custom-filters-raw,

772 #custom-filters:not(.mode-edit) #custom-filters-raw-controls,

773 #custom-filters.mode-edit #custom-filters-show-edit,

774 #custom-filters.mode-edit #custom-filters-list-wrapper

775 {

776 display: none;

777 }

778

779 #custom-filters-raw-save

780 {

781 padding: 0px 16px;

782 }

783

784 #custom-filters .table

785 {

786 height: 290px;

787 overflow: auto;

788 width: auto;

789 }

790

791 #custom-filters-add

792 {

793 display: flex;

794 padding: 0px;

795 border: none;

796 }

797

798 #custom-filters .controls

799 {

800 border-top: none;

801 }

802

803 #custom-filters-raw

804 {

805 width: 100%;

806 height: 100%;

807 }

808

809 #custom-filters-wrapper

810 {

811 height: 330px;

812 }

813

814 #custom-filters input[type="text"]

815 {

816 border-width: 1px 0px 1px 0px;

817 border-bottom-style: solid;

818 border-top-style: solid;

819 border-color: #1E8728;

820 height: 25px;

821 -moz-padding-start: 10px;

822 -webkit-padding-start: 10px;

823 -moz-padding-end: 60px;

824 -webkit-padding-end: 60px;

825 padding-top: 18px;

826 padding-bottom: 18px;

827 width: 100%;

828 }

829

830 #custom-filters input[type="text"]:focus

831 {

832 outline: 0px;

833 }

834

835 #custom-filters-add input

836 {

837 font-size: 13px;

838 background-color: #F5F5F5;

839 }

840

841 #custom-filters-add input::-webkit-input-placeholder

842 {

843 font-weight: 600;

844 }

845 #custom-filters-add input::-moz-placeholder

846 {

847 font-weight: 600;

848 }

849

850 #custom-filters-table

851 {

852 border-top: 1px solid #CDCDCD;

853 }

854

855 #custom-filters-add button

856 {

857 font-size: 14px;

858 -webkit-margin-start: -60px;

859 -moz-margin-start: -60px;

860 -webkit-padding-end: 6px;

861 -moz-padding-end: 6px;

862 cursor: pointer;

863 color: #3A7BA6;

864 }

865

866 #custom-filters-add button::before

867 {

868 content: "";

869 display: inline-block;

870 -moz-border-end: 1px solid #CDCDCD;

871 -webkit-border-end: 1px solid #CDCDCD;

872 height: 15px;

873 -webkit-margin-end: 10px;

874 -moz-margin-end: 10px;

875 margin-bottom: -2px;

876 width: 1px;

877 }

878

879 #custom-filters-add button::after

880 {

881 content: "";

882 background-position: -28px -32px;

883 cursor: pointer;

884 height: 10px;

885 -webkit-margin-start: 6px;

886 -moz-margin-start: 6px;

887 width: 10px;

888 }

889

890 /*

891 Tooltips

892 */

893

894 .tooltip

895 {

896 border-bottom: dashed 1px;

897 color: #3A7BA6;

898 cursor: default;

899 font-size: 12px;

900 height: 15px;

901 line-height: 19px;

902 margin: 0px 4px;

903 position: relative;

904 text-decoration: none;

905 }

906

907 .context-menu

908 {

909 display: inline-block;

910 position: relative;

911 border-bottom: none;

912 }

913

914 .context-menu a

915 {

916 vertical-align: middle;

917 white-space: nowrap;

918 color: #FFF;

919 }

920

921 #content-advanced .tooltip

922 {

923 -moz-margin-start: 8px;

924 -webkit-margin-start: 8px;

925 }

926

927 div[role="tooltip"]

928 {

929 background-color: rgba(45, 45, 45, 0.95);

930 border-radius: 3px;

931 color: #FFF;

932 font-size: 14px;

933 font-weight: 400;

934 left: -20px;

935 line-height: 18px;

936 margin-top: 14px;

937 opacity: 1;

938 padding: 20px;

939 position: absolute;

940 -webkit-transition: opacity 200ms ease-in-out 400ms,

941 visibility 0ms linear 400ms;

942 transition: opacity 200ms ease-in-out 400ms,

943 visibility 0ms linear 400ms;

944 visibility: visible;

945 width: 400px;

946 z-index: 1;

947 }

948

949 html[dir="ltr"] div[role="tooltip"].flip-vertical,

950 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical)

951 {

952 left: inherit;

953 right: -20px;

954 }

955

956 .tooltip:not(:hover) > div[role="tooltip"],

957 div[role="tooltip"]:hover

958 {

959 visibility: hidden;

960 opacity: 0;

961 -webkit-transition-delay: 0ms;

962 transition-delay: 0ms;

963 }

964

965 div[role="tooltip"]::before,

966 div.context-menu::before

967 {

968 background-image: url(options-sprite.png);

969 background-position: -8px -42px;

970 content: "";

971 height: 6px;

972 position: absolute;

973 top: -6px;

974 width: 14px;

975 left: 30px;

976 }

977

978 div.context-menu

979 {

980 position: absolute;

981 top: 16px;

982 z-index: 1;

983 visibility: hidden;

984 }

985

986 div.context-menu::before

987 {

988 left: -4px;

989 }

990

991 html[dir="rtl"] div.context-menu::before

992 {

993 left: inherit;

994 right: -4px;

995 }

996

997 div.context-menu .content

998 {

999 position: relative;

1000 left: calc(-50% + 2px);

1001 border-radius: 3px;

1002 padding: 4px 10px;

1003 background-color: rgba(45, 45, 45, 0.95);

1004 cursor: default;

1005 }

1006

1007 html[dir="rtl"] div.context-menu .content

1008 {

1009 left: inherit;

1010 right: -50%;

1011 }

1012

1013 li.show-context-menu div.context-menu

1014 {

1015 visibility: visible;

1016 }

1017

1018 div.context-menu > div a::before

1019 {

1020 content: "";

1021 -moz-margin-end: 8px;

1022 -webkit-margin-end: 8px;

1023 }

1024

1025 div.context-menu > div a

1026 {

1027 display: block;

1028 padding: 7px 4px;

1029 border-bottom: 1px solid #CDCDCD;

1030 text-decoration: none;

1031 cursor: pointer;

1032 vertical-align: middle;

1033 }

1034

1035 div.context-menu > div a::before

1036 {

1037 vertical-align: middle;

1038 height: 16px;

1039 width: 16px;

1040 }

1041

1042 div.context-menu > div a:last-child

1043 {

1044 border: none;

1045 }

1046

1047 .context-menu .update-subscription::before

1048 {

1049 background-position: -38px -31px;

1050 }

1051

1052 .context-menu .website::before

1053 {

1054 background-position: -33px -47px;

1055 }

1056

1057 .context-menu .source::before

1058 {

1059 background-position: -53px -34px;

1060 }

1061

1062 .context-menu .delete::before

1063 {

1064 background-position: -71px -34px;

1065 }

1066

1067 html[dir="ltr"] div[role="tooltip"].flip-vertical::before,

1068 html[dir="rtl"] div[role="tooltip"]:not(.flip-vertical)::before

1069 {

1070 left: inherit;

1071 right: 30px;

1072 }

1073

1074 div[role="tooltip"] img

1075 {

1076 float: left;

1077 height: 64px;

1078 margin-top: -2px;

1079 margin-bottom: 10px;

1080 width: 64px;

1081 -moz-margin-end: 10px;

1082 -webkit-margin-end: 10px;

1083 }

1084

1085 html[dir="rtl"] div[role="tooltip"] img

1086 {

1087 float: right;

1088 }

1089

1090 div[role="tooltip"] p

1091 {

1092 font-weight: 400;

1093 margin: 0px;

1094 }

1095

1096 div[role="tooltip"] p:not(:first-of-type)

1097 {

1098 margin-top: 18px;

1099 }

1100

1101 div[role="tooltip"] .notes

1102 {

1103 border-top: 1px solid #717171;

1104 font-size: 12px;

1105 margin-top: 14px;

1106 padding-top: 14px;

1107 }

1108

1109 div[role="tooltip"] .notes p

1110 {

1111 font-weight: 300;

1112 }

1113

1114 /*

1115 Help tab content

1116 */

1117

1118 #content-help

1119 {

1120 counter-reset: section;

1121 }

1122

1123 #content-help h1::before

1124 {

1125 counter-increment: section;

1126 content: counter(section) ". ";

1127 }

1128

1129 #content-help a

1130 {

1131 color: #3A7BA6;

1132 display: inline-block;

1133 text-decoration: none;

1134 -moz-margin-end: 16px;

1135 -webkit-margin-end: 16px;

1136 vertical-align: top;

1137 }

1138

1139 #content-help a::before

1140 {

1141 -moz-margin-end: 6px;

1142 -webkit-margin-end: 6px;

1143 }

1144

1145 /*

1146 Dialog

1147 */

1148

1149 #dialog-background

1150 {

1151 display: none;

1152 position: fixed;

1153 top: 0px;

1154 right: 0px;

1155 bottom: 0px;

1156 left: 0px;

1157 z-index: 2;

1158 background-color: white;

1159 opacity: 0.7;

1160 }

1161

1162 body[data-dialog] #dialog-background

1163 {

1164 display: block;

1165 }

1166

1167 #dialog

1168 {

1169 position: fixed;

1170 top: 100px;

1171 left: 0px;

1172 right: 0px;

1173 z-index: 2;

1174 width: 400px;

1175 margin: auto;

1176 border-radius: 3px;

1177 border: 2px solid #4D9D4B;

1178 background-color: #FFFFFF;

1179 }

1180

1181 #dialog header

1182 {

1183 display: flex;

1184 min-height: 25px;

1185 padding: 10px;

1186 background-color: #4D9D4B;

1187 }

1188

1189 #dialog-close

1190 {

1191 -moz-border-start: 1px solid #25612B;

1192 -webkit-border-start: 1px solid #25612B;

1193 color: #0F660F;

1194 display: inline-block;

1195 height: 20px;

1196 font-size: 15px;

1197 -moz-padding-start: 10px;

1198 -webkit-padding-start: 10px;

1199 }

1200

1201 #dialog-close::before

1202 {

1203 background-position: -10px -33px;

1204 content: "";

1205 cursor: pointer;

1206 height: 8px;

1207 width: 8px;

1208 vertical-align: middle;

1209 -moz-margin-end: 6px;

1210 -webkit-margin-end: 6px;

1211 }

1212

1213 #dialog #dialog-body

1214 {

1215 margin: 4px 24px;

1216 }

1217

1218 #dialog h3,

1219 #dialog label

1220 {

1221 font-size: 14px;

1222 font-weight: 600;

1223 margin: 0px;

1224 }

1225

1226 #dialog input[type="text"],

1227 #dialog input[type="search"]

1228 {

1229 font-size: 16px;

1230 margin-top: 10px;

1231 padding: 5px;

1232 width: 100%;

1233 }

1234

1235 #dialog .table

1236 {

1237 width: 100%;

1238 }

1239

1240 #dialog #dialog-content-language .table

1241 {

1242 overflow: auto;

1243 }

1244

1245 #dialog .section:not(:first-child)

1246 {

1247 margin-top: 24px;

1248 }

1249

1250 #dialog-title

1251 {

1252 -moz-margin-start: 16px;

1253 -webkit-margin-start: 16px;

1254 flex: 1;

1255 font-size: 16px;

1256 color: #FFFFFF;

1257 }

1258

1259 #dialog-body .dialog-content-block

1260 {

1261 padding: 12px 0px;

1262 }

1263

1264 #dialog-body button

1265 {

1266 background-color: #F5F5F5;

1267 border: none;

1268 color: #3A7BA6;

1269 cursor: pointer;

1270 display: block;

1271 font-family: inherit;

1272 margin-top: 8px;

1273 padding: 10px 16px;

1274 text-align: initial;

1275 width: 100%;

1276 }

1277

1278 #dialog .url

1279 {

1280 margin-top: 10px;

1281 margin-bottom: 20px;

1282 word-wrap: break-word;

1283 }

1284

1285 body:not([data-dialog="custom"]) #dialog-title-custom,

1286 body:not([data-dialog="custom"]) #dialog-content-custom,

1287 body:not([data-dialog="language"]) #dialog-title-language,

1288 body:not([data-dialog="language"]) #dialog-content-language,

1289 body:not([data-dialog="predefined"]) #dialog-title-predefined,

1290 body:not([data-dialog="predefined"]) #dialog-content-predefined,

1291 body:not([data-dialog]) #dialog

1292 {

1293 display: none;

1294 }

1295

1296 #dialog-content-language .dialog-content-block

1297 {

1298 display: flex;

1299 flex-direction: column;

1300 height: 120px;

1301 }

1302

1303 #dialog-content-language #other-language

1304 {

1305 height: 200px;

1306 }

1307

1308 #other-language .button-add

1309 {

1310 background-color: transparent;

1311 margin: 0px;

1312 padding: 0px;

1313 width: auto;

1314 -webkit-border-end: 1px solid #CDCDCD;

1315 -moz-border-end: 1px solid #CDCDCD;

1316 -webkit-padding-end: 10px;

1317 -moz-padding-end: 10px;

1318 -webkit-padding-start: 0px;

1319 -moz-padding-start: 0px;

1320 }

1321

1322 #other-language .button-add::before

1323 {

1324 display: none;

1325 }

1326

1327 #other-language .display

1328 {

1329 -webkit-margin-start: 10px;

1330 -moz-margin-start: 10px;

1331 }

OLD	NEW

« README.md ('K') | « skin/new-options.css ('k') | no next file » | no next file with comments »