Sebastiaan Janssen
214 lines
6.4 KiB
CSS
214 lines
6.4 KiB
CSS
|
|
html, body{padding: 0px; margin: 0px; border: none; height: 100%;}
|
|
body{font-size: 12px; background: #fff;
|
|
font-family: Trebuchet MS,Arial,sans-serif; color: #2d2c2e; padding-bottom: 0px;}
|
|
|
|
#search{background: #fff; padding: 15px; border-bottom: 1px solid #cac9c9; text-align: center;}
|
|
#search input{width: 320px; font-size: 18px;}
|
|
|
|
#body{margin: 15px; text-align: left; margin-top: 0px;}
|
|
|
|
#breadcrumb{list-style: none; display: block; margin-bottom: 10px; padding: 0px; text-align: left; height: 20px;}
|
|
#breadcrumb li{float: left; display: block; padding: 0px 5px 5px 0px; font-size: 11px; color: #999;}
|
|
#breadcrumb li a{color: #999;}
|
|
|
|
ul.projects{margin: 0px; padding: 0px; list-style: none; margin: auto;}
|
|
|
|
.loggedIn .projectDiv{width: 48%; float: left; border-right: 1px solid #cac9c9}
|
|
.loggedIn .favsDiv{width: 48%; float: left; border-left: 1px solid #cac9c9; margin-left: -1px; padding-left: 2%}
|
|
|
|
ul.projects li{
|
|
list-style:none;
|
|
background:#fff;
|
|
margin:10px;
|
|
text-align:center;
|
|
position:relative;
|
|
width: 164px;
|
|
min-height: 110px;
|
|
display: -moz-inline-stack;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
zoom: 1;
|
|
*display: inline;
|
|
_height: 110px;
|
|
}
|
|
|
|
ul.projects li .brief
|
|
{
|
|
padding:65px 10px 10px 10px;
|
|
position:relative;
|
|
height:50px;
|
|
}
|
|
|
|
|
|
ul.projects li .brief .packageIcon{
|
|
width: 0px;
|
|
height: 50px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 50px;
|
|
background: middle center no-repeat !Important;
|
|
overflow: hidden;
|
|
padding-left: 50px;
|
|
}
|
|
|
|
|
|
ul.projects li h3{
|
|
font-size:14px;
|
|
margin-top:12px;
|
|
line-height: 14px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
ul.projects li h3 a{
|
|
text-decoration: none;
|
|
color: #2d2c2e;
|
|
}
|
|
|
|
ul.projects li .category{
|
|
color: #ccc; font-size: 10px;
|
|
}
|
|
|
|
|
|
h1 span{padding-top: 5px; float: left;}
|
|
h1 .btn{margin: 7px 0px 0px 10px}
|
|
|
|
ul.projects li .hiLite{display: none;}
|
|
ul.projects li .popularity{display: none;}
|
|
|
|
#category{text-align: center;}
|
|
#project{text-align: left; position: relative; padding-right: 300px;}
|
|
|
|
dt{font-weight: bold;}
|
|
|
|
div.memberBadge{background: #f0f0f0; padding: 10px 0px 10px 0px; text-align: center;}
|
|
div.memberBadge *{color: #333;}
|
|
div.memberBadge img{display: block; margin: auto; border: 1px solid #999;}
|
|
div.memberBadge span{padding-top: 8px; display: block; font-weight: bold; font-size: 12px}
|
|
div.memberBadge small{display: block; font-weight: normal; margin-top: -6px; color: #999}
|
|
|
|
.voting{text-align: center; background: #FFF6BF; border: 2px solid #FFD324; padding: 10px 0px 10px 0px;}
|
|
.voting span{border-bottom: 1px solid #ffd324; font-size: 25px; font-weight: bold; color: #514721; display: block; text-align: center; margin-bottom: 7px;}
|
|
|
|
.voting small{font-size: 10px !Important; display: block}
|
|
|
|
.rounded{
|
|
-webkit-border-radius: 10px; /* Safari prototype */
|
|
-moz-border-radius: 10px; /* Gecko browsers */
|
|
border-radius: 10px; /* Everything else - limited support at the moment */
|
|
}
|
|
|
|
#project .voting{position: absolute; width: 56px; left: 0px; top: 00px;}
|
|
#project .memberBadge{position: absolute; width: 60px; left: 0px; top: 130px;}
|
|
|
|
#projectDescriptionText{background: #fafafa; padding: 5px;}
|
|
#projectDescriptionText.wrap{overflow: auto; height: 400px;}
|
|
#projectDescriptionText a{text-decoration: none; color: #2d2c2e !Important; cursor: text !Important;}
|
|
|
|
div.meta{background: #efefef; position: absolute; top: 50px; right: 0px; padding: 10px 0px 30px 20px; width: 250px; margin: 0px 0px 50px 40px}
|
|
|
|
|
|
.btn{
|
|
background: #f78d1d;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
|
|
background: -moz-linear-gradient(top, #faa51a, #f47a20);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
|
|
|
|
border:1px solid #da7c0c;
|
|
-moz-border-radius: 6px;
|
|
-o-border-radius: 6px.;
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
|
|
-o-box-shadow:0 1px 2px rgba(0,0,0,.2);
|
|
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
|
|
box-shadow:0 1px 2px rgba(0,0,0,.2);
|
|
color:#fef4e9;
|
|
display:inline-block;
|
|
padding:2px 5px;
|
|
text-align:center;
|
|
text-decoration:none;
|
|
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
|
|
font-size: 14px;
|
|
}
|
|
|
|
.btn:hover{
|
|
background: #f88f12;
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#f88f12), to(#f06516));
|
|
background: -moz-linear-gradient(top, #f88f12, #f06516);
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88f12', endColorstr='#f06516');
|
|
}
|
|
.search-loading
|
|
{
|
|
background-image: url('/umbraco/images/throbber.gif');
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
#search-no-results {
|
|
border: 2px solid red;
|
|
background-color:#FFE4E1;
|
|
position:absolute;
|
|
padding:20px;
|
|
top:50%;
|
|
left:50%;
|
|
height:160px;
|
|
width:310px;
|
|
margin-top:-100px;
|
|
margin-left:-175px;
|
|
z-index:20;
|
|
display: none;
|
|
}
|
|
|
|
|
|
.disabled {
|
|
}
|
|
|
|
|
|
.customTip{background: #fff; position: relative; padding: 5px 5px 10px 70px;}
|
|
.customTip a.packageIcon{display: block; overflow: hidden; padding-left: 50px; width: 0px; height: 50px; position: absolute; top: 0px; left: 0px;}
|
|
|
|
.commercialIndicator{display: none;}
|
|
.customTip .popularity{position: absolute; top: 60px; left: 5px; width: 45px; text-align: center; color: #666;}
|
|
.customTip .popularity small{display: block;}
|
|
.customTip .popularity .karma{padding-bottom: 5px; border-bottom:#efefef 1px solid; margin-bottom: 5px;}
|
|
|
|
.customTip h3{margin-bottom: 0px;}
|
|
.customTip h3 a{text-decoration: none; color: #000;}
|
|
.customTip p a{text-decoration: none; color: #000; height: 70px; overflow: hidden; display: block; margin-bottom: 15px;}
|
|
|
|
#loginToSeeFavs{position: absolute; top: 80px; right: 40px; background: #ccc;
|
|
color: #fff; padding: 5px;
|
|
text-decoration: none;
|
|
-moz-border-radius: 6px;
|
|
-o-border-radius: 6px.;
|
|
-webkit-border-radius: 6px;
|
|
border-radius: 6px;
|
|
}
|
|
#loginToSeeFavs:hover{text-decoration: underline}
|
|
|
|
#repoForm{z-index: 16000; display: none; font-size: 14px; position: absolute; top: 100px; right: 40px;
|
|
width: 360px; background: #fff; border: 5px solid #ccc; padding: 20px;}
|
|
|
|
#repoForm h3{margin-top: 0px;}
|
|
#repoForm fieldset{border: none !Important; padding: 0px;}
|
|
#repoForm .title{padding: 4px; width: 200px; display: block}
|
|
|
|
#repoForm .inputLabel{width: 120px; display: block; float: left; margin-right: 15px; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
|