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 ccc66b0

Browse files
committed
Update
1 parent 666db8d commit ccc66b0

File tree

5 files changed

+50
-43
lines changed

5 files changed

+50
-43
lines changed

‎src/css/style.dropdown.css

Lines changed: 0 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -11,27 +11,10 @@
1111
.dropdown .employ-toggle { text-decoration: none; }
1212
.dropdown .employ-toggle.click {
1313
border-radius: 30px;
14-
transition: all 0.1s ease-in-out;
1514
font-size: 14px;
1615
padding: 2px 12px;
1716
}
1817

19-
.dropdown.light .employ-toggle.click {
20-
color: #acacac;
21-
}
22-
23-
.dropdown.light .employ-toggle.click:hover {
24-
background-color: white;
25-
}
26-
27-
.dropdown.dark .employ-toggle.click {
28-
color: #acacac;
29-
}
30-
31-
.dropdown.dark .employ-toggle.click:hover {
32-
background-color: white;
33-
}
34-
3518
.dropdown ul.expand-dropdown {
3619
list-style: none;
3720
margin-top: 5px;
@@ -62,23 +45,3 @@
6245
display: block;
6346
padding: 3px 10px;
6447
}
65-
66-
.dropdown.light ul.expand-dropdown li a {
67-
background-color: rgb(242, 242, 242);
68-
color: #808080;
69-
}
70-
71-
.dropdown.light ul.expand-dropdown li a:hover {
72-
background-color: rgb(248, 248, 248);
73-
color: #494949;
74-
}
75-
76-
.dropdown.dark ul.expand-dropdown li a {
77-
background-color: rgb(29, 34, 44);
78-
color: #9197a1;
79-
}
80-
81-
.dropdown.dark ul.expand-dropdown li a:hover {
82-
background-color: rgb(39, 48, 63);
83-
color: white;
84-
}

‎src/css/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: #f2f2f2;
12+
}
13+
14+
.dropdown ul.expand-dropdown li a {
15+
background-color: rgb(29, 34, 44);
16+
color: #9197a1;
17+
}
18+
19+
.dropdown ul.expand-dropdown li a:hover {
20+
background-color: rgb(39, 48, 63);
21+
color: white;
22+
}

‎src/css/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: #f2f2f2;
12+
}
13+
14+
.dropdown ul.expand-dropdown li a {
15+
background-color: rgb(242, 242, 242);
16+
color: #737373;
17+
}
18+
19+
.dropdown ul.expand-dropdown li a:hover {
20+
background-color: rgb(248, 248, 248);
21+
color: #3c3c3c;
22+
}

‎src/css/style.dropdown.min.css

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎src/index.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,30 +7,31 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<title>CSS UI - Dropdown menu</title>
99

10-
<!-- CSS styles -->
10+
<!-- css styles -->
1111
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">
1212
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
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 theme -->
18+
<link rel="stylesheet" href="css/style.dropdown.light.css">
19+
<!--<link rel="stylesheet" href="css/style.dropdown.dark.css">-->
1620
<style>
1721
body {
1822
font-family: 'Open Sans', sans-serif;
1923
}
2024
</style>
2125
</head>
2226
<body>
23-
<!--
24-
sample page
25-
-->
2627
<div class="container" style="width: 600px; padding-top: 50px;">
2728
<h2>CSS UI - Dropdown menu</h2>
2829
<div class="clear">
2930
<div class="float left">Click to menu</div>
3031
<div class="float left">
3132

3233
<!-- dropdown menu -->
33-
<div class="dropdown light">
34+
<div class="dropdown">
3435

3536
<!-- dropdown menu click -->
3637
<div class="clear">

0 commit comments

Comments
(0)

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