Browse Source

- cleaned up sass

master
Stephanie Chung 12 years ago
parent
commit
29774d155a
  1. 146
      sass/modules/_piano.scss

146
sass/modules/_piano.scss

@ -190,152 +190,6 @@ ul#piano { @@ -190,152 +190,6 @@ ul#piano {
}
}
}
/* Black Tuts */
/* Tooltips */
/* Tooltip Arrow */
/* Drop Down Menus */
#search, #contact {
position: absolute;
border: 2px solid #e6e6e6;
margin-top: -100px;
top: 100%;
left: 0px;
z-index: 1000;
visibility: hidden;
opacity: 0;
-webkit-box-shadow: 0 2px 7px #000;
-moz-box-shadow: 0 2px 7px #000;
box-shadow: 0 2px 7px #000;
-webkit-transition: all 0.2s ease-out 0.2s;
-moz-transition: all 0.2s ease-out 0.2s;
-ms-transition: all 0.2s ease-out 0.2s;
-o-transition: all 0.2s ease-out 0.2s;
transition: all 0.2s ease-out 0.2s;
}
#search, #contact {
background: #333;
padding: 40px 10px 8px;
-webkit-border-radius: 0 0 18px 0;
-moz-border-radius: 0 0 18px 0;
border-radius: 0 0 18px 0;
}
#search input[type="text"] {
border: 1px solid #aaa;
font: normal 12px Cambria,Georgia,Serif;
padding: 2px 5px 2px;
width: 120px;
margin-bottom: 2px;
margin-right: 2px;
position: relative;
color: #aaa;
-webkit-box-shadow: inset 0 0 5px #ccc;
-moz-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
-webkit-border-radius: 0 0 10px 0;
-moz-border-radius: 0 0 10px 0;
border-radius: 0 0 10px 0;
}
#contact {
input[type="text"] {
border: 1px solid #aaa;
font: normal 12px Cambria,Georgia,Serif;
padding: 2px 5px 2px;
width: 120px;
margin-bottom: 2px;
margin-right: 2px;
position: relative;
color: #aaa;
-webkit-box-shadow: inset 0 0 5px #ccc;
-moz-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
-webkit-border-radius: 0 0 10px 0;
-moz-border-radius: 0 0 10px 0;
border-radius: 0 0 10px 0;
}
textarea {
border: 1px solid #aaa;
font: normal 12px Cambria,Georgia,Serif;
padding: 2px 5px;
width: 270px;
height: 100px;
margin-top: 4px;
position: relative;
color: #aaa;
-webkit-box-shadow: inset 0 0 5px #ccc;
-moz-box-shadow: inset 0 0 5px #ccc;
box-shadow: inset 0 0 5px #ccc;
-webkit-border-radius: 0 0 10px 0;
-moz-border-radius: 0 0 10px 0;
border-radius: 0 0 10px 0;
}
input[type="submit"] {
background: -webkit-linear-gradient(top, #666666, black, #333333);
background: -moz-linear-gradient(top, #666666, black, #333333);
background: -ms-linear-gradient(top, #666666, black, #333333);
background: -o-linear-gradient(top, #666666, black, #333333);
background: linear-gradient(top, #666666, black, #333333);
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px #000;
-moz-box-shadow: 0 1px 1px #000;
box-shadow: 0 1px 1px #000;
padding: 3px 10px 4px;
margin: 4px 2px;
font: normal 10px Verdana,Arial,Sans-Serif;
color: #ccc;
float: right;
}
}
#search input:focus, #contct input:focus, #contact textarea:focus {
color: #000;
}
/* Loupe */
#search {
&:after {
content: "";
width: 5px;
height: 5px;
border: 1px solid #666;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: absolute;
left: 100%;
margin-left: -25px;
top: 46px;
z-index: 100;
}
&:before {
content: "";
width: 2px;
height: 0px;
border: 1px solid #666;
position: absolute;
z-index: 3;
left: 100%;
margin-left: -28px;
top: 53px;
-webkit-transform: rotate(-42deg);
-moz-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
-o-transform: rotate(-42deg);
transform: rotate(-42deg);
}
}
ul#piano li {
li {
width: 150px;

Loading…
Cancel
Save