Permalink
Browse files

More style fixes

  • Loading branch information...
1 parent 3903684 commit fcaa7efbb3fe564f0c70e390b8fd59fdd886e9a5 @mmarcon committed Sep 30, 2012
Showing with 25 additions and 87 deletions.
  1. +25 −87 css/style.css
View
@@ -24,7 +24,6 @@ h1 {
font-size: 30px;
font-family: 'Graduate', cursive;
padding: 0 10px;
- /*text-align: center;*/
}
h2 {
@@ -49,24 +48,13 @@ a:hover {
color: #6495ED;
}
-/*#map {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -205px 0 0 -205px;
- width: 400px;
- height: 400px;
- border: 10px solid #fff;
- box-shadow: 0 0 8px #ccc;
-}*/
#map {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 66%;
- border-left: 1px solid #666;
- /*box-shadow: 0 0 8px #ccc;*/
+ box-shadow: 5px 0 20px #222;
z-index: 9;
}
@@ -80,9 +68,31 @@ dt {
margin-top: 50px;
}
+dt:first-child {
+ margin-top: 10px;
+}
+
+dd:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-width: 0 15px 15px 15px;
+ border-color: transparent transparent #222222 transparent;
+ position: absolute;
+ top: -10px;
+}
+
dd {
- color: #222;
- font-size: 24px;
+ position: relative;
+ top: -3px;
+ color: #fff;
+ background-color: #222;
+ font-size: 18px;
+ padding: 10px;
+ margin: 0 20px 0 0;
+ border-radius: 10px;
}
a.hm:link,
@@ -116,78 +126,6 @@ a.hm:active {
background-image: url(../img/heart-mini.png);
}
-.tooltip {
- position: absolute;
- bottom: 100%;
- left: 50%;
- display: block;
- margin-bottom: 15px;
- margin-left: -95px;
- padding: 20px;
- width: 150px;
- background: #333;
- color: #fff;
- text-transform: none;
- font-weight: normal;
- font-size: 16px;
- line-height: 1.3;
- opacity: 0;
- -webkit-transition: all .25s ease-out;
- -moz-transition: all .25s ease-out;
- -o-transition: all .25s ease-out;
- transition: all .25s ease-out;
- -webkit-transform: translateY(10px);
- -moz-transform: translateY(10px);
- -o-transform: translateY(10px);
- -ms-transform: translateY(10px);
- -ms-transition: all .25s ease-out;
- transform: translateY(10px);
- pointer-events: none;
-}
-
-.tooltip:before {
- position: absolute;
- bottom: -20px;
- left: 0;
- display: block;
- width: 100%;
- height: 20px;
- content: " ";
-}
-
-.tooltip:after {
- position: absolute;
- bottom: -10px;
- left: 50%;
- margin-left: -13px;
- width: 0;
- height: 0;
- border-top: solid #222 10px;
- border-right: solid transparent 10px;
- border-left: solid transparent 10px;
- content: " ";
-}
-/*a.hm:hover .tooltip {
- opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -o-transform: translateY(0px);
- -ms-transform: translateY(0px);
- transform: translateY(0px);
- pointer-events: auto;
-}*/
-
-.what-is-popular {
- display: none;
- margin: 15px auto;
- padding-left: 60px;
- width: 348px;
- min-height: 48px;
- background: transparent url(../img/heart.png) no-repeat center left;
- font-size: 20px;
- line-height: 48px;
-}
-
.bubble {
font-size: 9px;
font-family: 'Graduate', cursive;

0 comments on commit fcaa7ef

Please sign in to comment.