Team:Stanford-Brown/Templates/css
From 2012.igem.org
Line 1: | Line 1: | ||
- | /* | + | /*--STANFORD-BROWN iGEM 2012--*/ |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { | |
- | + | display:none;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#content { | #content { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
position: relative; | position: relative; | ||
- | background: url( | + | width: 965px; |
- | + | # margin-left: 10px; | |
- | + | margin: 0 auto; | |
- | + | padding: 5px 5px 5px 5px;; | |
- | + | background-color: #DBEFFF; | |
+ | background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); | ||
+ | background-attachment: fixed; | ||
+ | border-left: 0px; | ||
+ | border-right: 0px; | ||
color: black; | color: black; | ||
- | + | z-index: 2; | |
- | z-index: | + | |
} | } | ||
- | + | #top-section { | |
position: relative; | position: relative; | ||
- | + | height: 20px; | |
- | + | width: 975px; | |
- | margin- | + | margin-left: 0px; |
- | + | margin: 0 auto 0 auto; | |
- | + | border-left: 0px; | |
- | + | border-right: 0px; | |
- | + | border-bottom: 0px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | #menubar { | |
- | + | width: auto;} | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | width: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | #footer-box { | |
- | + | margin-left: 10px; | |
- | + | width: 965px; | |
- | + | padding: 5px; | |
- | + | background-color: white; | |
- | + | margin: 0 auto; | |
- | + | border-radius: 5px 5px 5px 5px; | |
- | + | box-shadow: 0px 2px 6px 2px #222; | |
} | } | ||
- | # | + | #container { |
- | margin-top: | + | margin-top: 15px; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | + | width: 970px; | |
- | + | } | |
- | # | + | body#space { |
- | + | background-color: #DBEFFF; | |
- | + | background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); | |
- | + | background-attachment: fixed; | |
- | } | + | } |
- | + | #globalwrapper { | |
- | # | + | margin-top: none; |
- | + | margin-left: none; | |
- | margin-left: | + | |
margin-right: auto; | margin-right: auto; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | #nav { | |
- | + | z-index: 500; | |
- | background: none; | + | font-family: 'Ubuntu Condensed', sans-serif; |
- | color: | + | font-size: 17px; |
- | } | + | font-weight: 300; |
+ | color: white; | ||
+ | width: 1025px; | ||
+ | float: left; | ||
+ | margin: 0 0 3em 0; | ||
+ | margin-left: -30px; | ||
+ | list-style: none; | ||
+ | background-color: #A32C2C; | ||
+ | box-shadow: 1px 0px 4px 1px #222; | ||
+ | border-radius: 0px 1px 1px 0px; | ||
+ | z-index: 5; | ||
+ | } | ||
+ | #nav li { | ||
+ | float: left; | ||
+ | margin-right:10px; | ||
+ | position:relative; | ||
+ | } | ||
+ | #nav a { | ||
+ | display: block; | ||
+ | padding: 8px 15px; | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | border-style: none | ||
+ | } | ||
+ | #nav a:hover { | ||
+ | color: #008ACF; | ||
+ | } | ||
- | + | /*--Dropdown stuff. Thanks to csswizardry.com--*/ | |
- | + | ||
- | + | ||
- | + | ||
- | # | + | #nav ul{ |
- | + | background:#fff; | |
+ | background:rgba(255,255,255,0); | ||
+ | left:-9999px; /* Hide off-screen */ | ||
+ | list-style:none; | ||
+ | position:absolute; | ||
} | } | ||
- | + | #nav ul li{ | |
- | + | padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ | |
- | + | float:none; | |
- | + | box-shadow: 0px 1px 3px 1px #222; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #nav ul a{ | |
- | + | white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ | |
- | + | ||
- | + | ||
} | } | ||
- | + | #nav li:hover ul{ /* Display the dropdown on hover */ | |
- | + | left:-26px; /* Bring back on-screen when needed */ | |
- | + | top:38px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | #nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ | |
- | # | + | background:#A32C2C; |
- | + | box-shadow: 0px 1px 3px 1px #222; | |
} | } | ||
- | + | #nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ | |
- | + | text-decoration:none; | |
- | + | ||
} | } | ||
- | + | /*-end dropdown-*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | #border-top { | |
- | color: | + | background-color: #6c6c6c; |
- | + | height: 6px; | |
+ | width: 975px; | ||
+ | margin-left: -5px; | ||
+ | border-radius: 0px 1px 0px 0px; | ||
- | .left- | + | } |
- | color: | + | #border-bottom { |
- | } | + | background-color: #6c6c6c; |
+ | height: 5px; | ||
+ | width: 975px; | ||
+ | margin-left: -5px; | ||
+ | padding-top: 36px; | ||
+ | border-radius: 0px 1px 0px 0px; | ||
+ | } | ||
+ | #top-panel { | ||
+ | background-color: #fff; | ||
+ | height: 235px; | ||
+ | margin-left:-5px; | ||
+ | margin-top:-20px; | ||
+ | border-radius: 5px 5px 0px 0px; | ||
+ | box-shadow: 0px -2px 6px 2px #222; | ||
+ | background: url(https://static.igem.org/mediawiki/2012/5/52/Planets.png) no-repeat; | ||
+ | } | ||
+ | /* #top-panel::after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | background: url(img/planets.png) no-repeat center center; | ||
+ | }*/ | ||
+ | #bottom-panel { | ||
+ | background-color: #fff; | ||
+ | width: 975px; | ||
+ | margin-left: -5px; | ||
+ | margin-right: 30px; | ||
+ | margin-top: 0px; | ||
+ | border-radius: 0px 0px 5px 5px; | ||
+ | box-shadow: 0px 2px 6px 2px #222; | ||
+ | } | ||
+ | #sa { | ||
+ | line-height: 100%; | ||
+ | font-family: Sans-Serif; | ||
+ | font-size: 36px; | ||
+ | font-weight: 300; | ||
+ | color: #008ACF; | ||
+ | padding-top: 55px; | ||
+ | letter-spacing: 1.3px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #trans { | ||
+ | text-align: right; | ||
+ | color: #555; | ||
+ | font-weight: 100; | ||
+ | letter-spacing: 1.3px; | ||
+ | } | ||
+ | #abs-title { | ||
+ | font-weight: 400; | ||
+ | font-size: 30px; | ||
+ | font-family: "Helvetica Neue"; | ||
+ | float: left; | ||
+ | margin-left: 40px; | ||
+ | color: #6c6c6c; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | #abs-text { | ||
+ | margin-top: 30px; | ||
+ | font-weight: 300; | ||
+ | text-align: left; | ||
+ | font-family: "Helvetica Neue"; | ||
+ | color: #333; | ||
+ | font-size: 13px; | ||
+ | line-height: 180%; | ||
+ | margin-left: 40px; | ||
+ | } | ||
+ | /* .l-triangle-top { | ||
+ | border-color: #A32C2C transparent transparent; | ||
+ | border-style:solid; | ||
+ | border-width:21px; | ||
+ | height:0px; | ||
+ | width:0px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | top: -93px; | ||
+ | left: -27px; | ||
+ | z-index: 0; | ||
- | . | + | } |
- | + | .l-triangle-bottom { | |
- | + | border-color: transparent transparent #A32C2C; | |
+ | border-style:solid; | ||
+ | border-width:21px; | ||
+ | height:0px; | ||
+ | width:0px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | top: -93px; | ||
+ | left: -69px; | ||
+ | z-index: 0; | ||
- | + | } | |
- | + | ||
- | } | + | |
- | + | */ | |
- | + | .accomps { | |
- | + | font-family: "Helvetica Neue"; | |
- | + | margin-top: -20px; | |
- | + | margin-left: 35px; | |
- | + | margin-bottom: 20px; | |
+ | background: #fff; | ||
+ | width: 290px; | ||
+ | border-radius: 5px; | ||
+ | border:1px solid #aaa; | ||
+ | box-shadow: 0px 1px 2px 1px #ccc; | ||
+ | color: #008ACF; | ||
font-size: 18px; | font-size: 18px; | ||
- | } | + | } |
- | + | .accomps ul { | |
- | + | color: #555; | |
- | + | font-weight: 500; | |
- | + | font-size: 12px; | |
- | + | list-style-type: none; | |
- | + | padding-top: -2px; | |
- | + | padding-left: 15px; | |
- | + | padding-right: 15px; | |
- | + | } | |
- | + | .accomps ul li { | |
- | + | padding-bottom: 8px; | |
- | + | } | |
- | font- | + | #proj-panel { |
- | + | background-color: #fff; | |
- | + | height: 400px; | |
- | + | width: 975px; | |
- | + | margin-left: -5px; | |
- | + | margin-right: 30px; | |
- | padding- | + | margin-top: 15px; |
- | + | margin-bottom: 15px; | |
- | + | border-radius: 5px 5px 5px 5px; | |
- | } | + | box-shadow: 0px 2px 6px 2px #222; |
- | + | } | |
- | + | .feature { | |
- | + | font-family: "Helvetica Neue"; | |
- | padding | + | margin-top: 20px; |
- | + | margin-left: 16px; | |
- | } | + | background: #fff; |
- | + | width: 285px; | |
- | + | height: 300px; | |
- | color | + | border-style: none; |
- | + | color: #008ACF; | |
- | + | font-size: 18px; | |
- | + | } | |
- | + | .brief { | |
- | + | margin-top: 10px; | |
- | width: | + | font-weight: 300; |
- | + | text-align: left; | |
- | + | font-family: "Helvetica Neue"; | |
- | + | color: #333; | |
- | + | font-size: 13px; | |
- | + | line-height: 180%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | right: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | bottom: | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | background | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
margin-right: 10px; | margin-right: 10px; | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | } | + |
Revision as of 00:13, 29 September 2012
/*--STANFORD-BROWN iGEM 2012--*/
- contentSub, #search-controls, .firstHeading, #catlinks, #p-logo {
display:none;}
- content {
position: relative; width: 965px;
- margin-left: 10px;
margin: 0 auto;
padding: 5px 5px 5px 5px;; background-color: #DBEFFF; background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; border-left: 0px; border-right: 0px; color: black; z-index: 2;
}
- top-section {
position: relative; height: 20px; width: 975px; margin-left: 0px;
margin: 0 auto 0 auto;
border-left: 0px; border-right: 0px; border-bottom: 0px;
}
- menubar {
width: auto;}
- footer-box {
margin-left: 10px; width: 965px; padding: 5px; background-color: white;
margin: 0 auto; border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222;
}
#container { margin-top: 15px; margin-left: auto; margin-right: auto; width: 970px; }
body#space {
background-color: #DBEFFF; background-image: url('https://static.igem.org/mediawiki/2012/4/4f/Space.jpg'); background-attachment: fixed; } #globalwrapper { margin-top: none; margin-left: none; margin-right: auto;
}
#nav { z-index: 500; font-family: 'Ubuntu Condensed', sans-serif; font-size: 17px; font-weight: 300; color: white; width: 1025px; float: left; margin: 0 0 3em 0; margin-left: -30px; list-style: none; background-color: #A32C2C; box-shadow: 1px 0px 4px 1px #222; border-radius: 0px 1px 1px 0px;
z-index: 5;
} #nav li { float: left;
margin-right:10px; position:relative;
} #nav a { display: block; padding: 8px 15px; text-decoration: none; color: white; border-style: none } #nav a:hover { color: #008ACF; }
/*--Dropdown stuff. Thanks to csswizardry.com--*/
- nav ul{
background:#fff; background:rgba(255,255,255,0); left:-9999px; /* Hide off-screen */ list-style:none; position:absolute; }
- nav ul li{
padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */ float:none;
box-shadow: 0px 1px 3px 1px #222;
}
- nav ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */ }
- nav li:hover ul{ /* Display the dropdown on hover */
left:-26px; /* Bring back on-screen when needed */ top:38px; }
- nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
background:#A32C2C;
box-shadow: 0px 1px 3px 1px #222;
}
- nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
text-decoration:none; }
/*-end dropdown-*/
#border-top { background-color: #6c6c6c; height: 6px; width: 975px; margin-left: -5px; border-radius: 0px 1px 0px 0px;
} #border-bottom { background-color: #6c6c6c; height: 5px; width: 975px; margin-left: -5px; padding-top: 36px; border-radius: 0px 1px 0px 0px; } #top-panel { background-color: #fff; height: 235px; margin-left:-5px; margin-top:-20px; border-radius: 5px 5px 0px 0px; box-shadow: 0px -2px 6px 2px #222; background: url() no-repeat; }
/* #top-panel::after {
content: ; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(img/planets.png) no-repeat center center; }*/ #bottom-panel { background-color: #fff; width: 975px; margin-left: -5px; margin-right: 30px; margin-top: 0px; border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } #sa { line-height: 100%; font-family: Sans-Serif; font-size: 36px; font-weight: 300; color: #008ACF; padding-top: 55px; letter-spacing: 1.3px; text-align: right; } #trans { text-align: right; color: #555; font-weight: 100; letter-spacing: 1.3px; } #abs-title { font-weight: 400; font-size: 30px; font-family: "Helvetica Neue"; float: left; margin-left: 40px; color: #6c6c6c; margin-top: 30px; } #abs-text { margin-top: 30px; font-weight: 300; text-align: left; font-family: "Helvetica Neue"; color: #333; font-size: 13px; line-height: 180%; margin-left: 40px; }
/* .l-triangle-top {
border-color: #A32C2C transparent transparent; border-style:solid; border-width:21px; height:0px; width:0px; position: relative; float: left; top: -93px; left: -27px; z-index: 0;
} .l-triangle-bottom { border-color: transparent transparent #A32C2C; border-style:solid; border-width:21px; height:0px; width:0px; position: relative; float: left; top: -93px; left: -69px; z-index: 0;
}
- /
.accomps { font-family: "Helvetica Neue"; margin-top: -20px; margin-left: 35px; margin-bottom: 20px; background: #fff; width: 290px; border-radius: 5px; border:1px solid #aaa; box-shadow: 0px 1px 2px 1px #ccc; color: #008ACF; font-size: 18px; } .accomps ul { color: #555; font-weight: 500; font-size: 12px; list-style-type: none; padding-top: -2px; padding-left: 15px; padding-right: 15px; } .accomps ul li { padding-bottom: 8px; } #proj-panel { background-color: #fff; height: 400px; width: 975px; margin-left: -5px; margin-right: 30px; margin-top: 15px; margin-bottom: 15px; border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; } .feature { font-family: "Helvetica Neue"; margin-top: 20px; margin-left: 16px; background: #fff; width: 285px; height: 300px; border-style: none; color: #008ACF; font-size: 18px; } .brief { margin-top: 10px; font-weight: 300; text-align: left; font-family: "Helvetica Neue"; color: #333; font-size: 13px; line-height: 180%; margin-right: 10px; }