-/* Parameters */
-$lineheight: 20px;
-$typeheight: 14px;
-
-$offwhite: #f4f4ff;
-$blue: #7092FF;
-$lightblue: #B8C5F0;
-$green: #7ebc6f;
-$grey: #CCC;
-$red: red;
-$lightgrey: #EEE;
-$darkgrey: #AAA;
-$hovercolor: 20%;
-$headerHeight: 54px;
-$sidebarWidth: 300px;
-$keyline: 1px solid $lightgrey;
-$border-radius: 3px;
+@import "parameters";
/* Styles common to large and small screens */
/* Rules for links */
a {
- color: #00f;
+ color: #24d;
text-decoration: none;
-webkit-appearance: none;
outline: 0;
float: right;
cursor: pointer;
}
-
-// -webkit-transition: margin 300ms linear;
-// -moz-transition: margin 300ms linear;
-// transition: margin 300ms linear;
}
.overlay-sidebar #sidebar {
position: absolute;
z-index: 1000;
height: auto;
- border-radius: 5px;
+ border-bottom-right-radius: 5px;
overflow: hidden;
- margin-top: $lineheight/2;
- margin-left: $lineheight/2;
}
.welcome {
}
}
-/* Rules for donation request box */
-
-a.donate {
- display: block;
- padding: $lineheight/4 $lineheight;
- border: 1px solid $green;
- font-size: $typeheight;
- line-height: 1.4;
- text-align: center;
- border-radius: 2px;
- color: #222;
- margin: $lineheight/2 $lineheight;
-
- &:hover {
- background: $green;
- text-decoration: none;
- }
-}
-
-/* Rules for rotating sidebar ads */
-
-.ad-container {
- display: block;
- height: 120px;
- margin: auto;
- overflow: hidden;
- position: relative;
- border-bottom: 1px solid #ccc;
-
- a {
- display: block;
- width: 165px;
- margin: auto;
- }
-
- .ad {
- height: 100px;
- border: 0;
- background: #fff;
- }
-}
-
/* Rules for the map key which appears in the popout sidebar */
#mapkey {
color: #f00;
}
-/* Rules for data browser information which appears in the popout sidebar */
-
-#browse_content {
- position: relative;
- .browse_show_list.button {
- position: absolute;
- left: $lineheight;
- right: $lineheight;
- bottom: -40px;
- margin-bottom: 0;
- }
- a.more-details {
- position: absolute;
- top: 0;
- right: $lineheight;
- }
- ul li {
- margin-bottom: 0;
- }
-}
-
/* Rules for entity history */
#sidebar_content {
.browse_details {