Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit cef3399

Browse files
committed
added theme dark and light
1 parent 1a5850e commit cef3399

File tree

4 files changed

+52
-17
lines changed

4 files changed

+52
-17
lines changed

‎src/css/style.dropdown.css

Lines changed: 4 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,8 @@
1212
.dropdown .employ-toggle { text-decoration: none; }
1313
.dropdown .employ-toggle.click {
1414
border-radius: 30px;
15-
transition: all 0.1s ease-in-out;
1615
font-size: 14px;
1716
padding: 2px 12px;
18-
color: #acacac;
19-
}
20-
21-
.dropdown .employ-toggle.click:hover {
22-
background-color: white;
2317
}
2418

2519
.dropdown ul.expand-dropdown {
@@ -47,15 +41,8 @@
4741
}
4842

4943
.dropdown ul.expand-dropdown li a {
50-
background-color: rgba(72, 72, 72, 1);
51-
text-decoration: none;
52-
margin-bottom: -1px;
53-
display: block;
54-
padding: 3px 10px;
55-
color: white;
56-
}
57-
58-
.dropdown ul.expand-dropdown li a:hover {
59-
background-color: rgba(54, 54, 54, 1);
60-
color: white;
44+
text-decoration: none;
45+
margin-bottom: -1px;
46+
display: block;
47+
padding: 3px 10px;
6148
}

‎src/css/theme/style.dropdown.dark.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
/*
3+
dark theme dropdown menu
4+
*/
5+
.dropdown .employ-toggle.click {
6+
transition: all 0.1s ease-in-out;
7+
color: #acacac;
8+
}
9+
10+
.dropdown .employ-toggle.click:hover {
11+
background-color: white;
12+
}
13+
14+
.dropdown ul.expand-dropdown li a {
15+
background-color: rgba(72, 72, 72, 1);
16+
color: white;
17+
}
18+
19+
.dropdown ul.expand-dropdown li a:hover {
20+
background-color: rgba(54, 54, 54, 1);
21+
color: inherit;
22+
}

‎src/css/theme/style.dropdown.light.css

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
2+
/*
3+
dark theme dropdown menu
4+
*/
5+
.dropdown .employ-toggle.click {
6+
transition: all 0.1s ease-in-out;
7+
color: #acacac;
8+
}
9+
10+
.dropdown .employ-toggle.click:hover {
11+
background-color: white;
12+
}
13+
14+
.dropdown ul.expand-dropdown li a {
15+
background-color: rgb(255, 255, 255);
16+
color: #737373;
17+
}
18+
19+
.dropdown ul.expand-dropdown li a:hover {
20+
background-color: rgb(248, 248, 248);
21+
color: inherit;
22+
}

‎src/index.html

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,10 @@
1313
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&amp;subset=latin-ext">
1414
<link rel="stylesheet" href="https://css-ui.github.io/css/cssui.min.css">
1515
<link rel="stylesheet" href="css/style.dropdown.css">
16+
17+
<!-- css dropdown themes -->
18+
<link rel="stylesheet" href="css/theme/style.dropdown.light.css">
19+
<!--<link rel="stylesheet" href="css/theme/style.dropdown.dark.css">-->
1620
<style>
1721
body {
1822
background-color: #f2f2f2;

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /