search/index.css at main · QuickMash/search · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
input {
	border-radius: 0px;
	color: #000000;
}
.placel{
  width: 30%;
  background-color: none;
}
body {
	background: URL("/content/cherry.jpg")
}
#h1 {
 font-size: 20px;
}
.contain {
         padding: 10px;
        box-shadow: 5px 10px 18px #333;
        background-color: white;
	color: black;

}
.navMenu{
        overflow:hidden;
        background-color:#000000}
      .navMenu a{
        float:left;
        display:block;
        color:#f2f2f2;
        text-align:center;
        padding:14px 16px;
        text-decoration:none;
        font-size:17px}
      .navMenu a.active{
        background-color:#25a186;
        color:#FFF}
      .navMenu .icon{
        display:none}
      .fa-bars:before{
        content:"\f0c9"}
      .navMenu .dropdown{
        float:left;
        overflow:hidden}
      .navMenu .dropdown .dropbtn{
        font-size:16px;
        border:none;
        outline:none;
        color:#FFFFFF;
        padding:14px 16px;
        background-color:#000000;
        font-family:inherit;
        margin:0;
        width:100%;
        text-align:left}
      .main_links{
        background-color:#000000;
        color:#FFFFFF;
        line-height:1}
      .main_links:hover{
        background-color:#000000;
        color:#FFFFFF}
      .navMenu .navbar a:hover,.navMenu .dropdown:hover .dropbtn{
        background-color:#000000;
        color:#FFFFFF}
      .navMenu .dropdown-content{
        display:none;
        position:absolute;
        background-color:#000;
        min-width:160px;
        box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
        z-index:1}
      .navMenu .dropdown-content a{
        float:none;
        color:#FFF;
        padding:12px 16px;
        text-decoration:none;
        display:block;
        text-align:left;
        background-color:#000000;
        color:#ffffff}
      .navMenu .dropdown-content a:hover{
        background-color:#333;
        color:#FFFFFF}
      .navMenu .dropdown:hover .dropdown-content{
        display:block}
      @media screen and (max-width: 768px){
        .navMenu a:not(:first-child){
          display:none}
        .navMenu .dropdown{
          display:none}
        .navMenu a.icon{
          float:right;
          display:block}
        .navMenu.mobileView{
          position:relative}
        .navMenu.mobileView .icon{
          position:absolute;
          right:0;
          top:0}
        .navMenu.mobileView a{
          float:none;
          display:block;
          text-align:left}
        .navMenu.mobileView .dropdown{
          float:none;
          display:block;
          text-align:left}
        .navMenu .dropdown-content{
          position:relative}
      }