Sebastiaan Janssen
1 line
13 KiB
CSS
1 line
13 KiB
CSS
/* Umbraco - New Styles by Mark Boulton Design */#top { height: 99px;}#top a#logo { top: 16px;}#top ul { height: auto; margin: 0 0 0 18px;}#top ul li.current a { background: #86C052;}#top ul li.current { background: url("//our.umbraco.org/css/img/top_nav_a_bg.png") no-repeat center bottom !important;}#top ul li { height: 69px;}#top ul li a { font-weight: normal; height: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 16px; padding: 7px 12px; margin-top: 16px;}.download { background: url(../images/download.png) no-repeat; width: 118px; height: 33px; display: block; text-indent: -5000px;}.featuredLinks { position: absolute; top: 172px; right: 25px; width: 118px;}.featuredLinks p { color: #777; text-align: right; font-size: 11px; margin: 0 5px 0 0;}.featuredLinks p a { color: #777;}.deliFeatureBox { border: none; left: -7px;}#alertBar { width: 100%; background: #EDE6B2; position: relative; padding: 3px 0; border: 1px solid #D0CCC9; border-left: none; border-right: none;}#alertBar h3 { color: #776841;}.sectionTitle { background: url(../images/welcome.png) no-repeat left center; height: 100px; line-height: 100px; font-weight: normal; margin: 0; text-indent: -5000px; overflow: hidden;}#projectDescription .options { display: none;}.deliLeft h3 { border: none; font-size: 18px; color: #555; padding: 0;}.deliNav { background: none !important; padding: 0 8px 10px;}.deliNav li { padding: 0; margin-bottom: 5px;}.deliNav li.on { list-style: disc outside; display: list-item; color: #ccc;}.deliNav li.on a { color: #333;}.deliNav a { font-weight: normal; color: #999;}.deliHelp li { margin-bottom: 10px;}.deliHelp a { color: #555; font-weight: bold;}.deliHelp small { color: #999; font-weight: normal;}#selectsearch { border: none; padding: 0; margin: 0; position: relative; display: block; margin: 0 auto; width: 386px;}#searchBar { z-index: 100;}#searchField { background: url(../images/bg-search.png) no-repeat; padding-left: 35px; width: 267px; height: 32px; border: none; float: left; display: block; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 0; }#searchlabel, #sectionspan { position: absolute; left: 40px; line-height: 34px; font-weight: normal; color: #999; font-size: 11px; top: 0;}#sectionspan { left: 208px; padding-left: 15px; width: 47px; cursor: pointer; display: block;}#sectionspan label { cursor: pointer;}#sectionspan:hover label { color: #000;}#sections { display: none; background: #f8f8f8; -moz-box-shadow: 0 0 7px #aaa; -webkit-box-shadow: 0 0 7px #aaa; box-shadow: 0 0 7px #aaa; width: 102px; position: absolute; left: 204px; padding: 5px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: visible; top: 25px; color: #999; text-align: left;}#sections p { text-transform: uppercase; font-size: 10px; margin: 0 0 5px;}#sections input { margin: 0 5px 0 0; float: left; clear: left; margin-bottom: 5px;}#sections label { font-size: 12px; font-weight: normal; float: left; margin-bottom: 5px;}#sections .sectiontab { position: absolute; top: -15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: no-repeat scroll 4px 2px #F8F8F8; width: 74px; font-size: 11px; font-weight: normal; padding: 1px 0 7px 12px; left: 4px; cursor: pointer;}#searchbutton { background: url(../images/button-search.png) no-repeat; width: 49px; border: none; height: 32px; line-height: 32px; font-weight: bold; color: #777; text-shadow: 0 1px 0 #fff; padding-left: 10px; text-align: left; font-size: 12px; float: left; display: block; cursor: pointer;}.deliPromoArea { background: #f7f7f7; border: 1px solid #e4e4e4; padding: 10px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 10px;}.deliPromoBox { margin-bottom: 20px;}.deliPromoBox h2 { margin: 0 0 10px; padding: 0; border: none; float: left;}.deliTags{ padding:0 20px;}.deliTags h2 { display:block !important; float:none;}.deliPromoBox ul { clear: left; position: relative; left: -10px; width: 103%;}.deliPromoBox #popular-projects li, .deliPromoBox #projectList li, .deliPromoBox #newest-projects li{ height: auto; margin: 10px; width: 162px; height:105px; padding: 10px 0; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 5px 7px #bbb; -webkit-box-shadow: 0 5px 7px #bbb; box-shadow: 0 5px 7px #bbb; position: relative; display: block;}/*.deliPromoBox li:nth-child(5n){ clear: left;}*/.deliPromoBox .promoOptions { float: left; margin-left: 20px; clear: none; height: 21px; margin-top: 3px; z-index: 100; position: relative; width: auto;}.deliCategory .promoOptions { margin-left: 0; position: relative; left: -20px;}.promoOptions li { background: none; height: auto; width: auto; margin: 0; line-height: 21px; margin: 0 5px; padding: 0; clear: none !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none;}.promoOptions a { color: #777; text-decoration: none; display: block; padding: 0 15px; line-height: 21px;}.promoOptions a:hover { color: #000;}.promoOptions a.on { background: #bbb; -moz-box-shadow: inset 0 1px 1px #999; -webkit-box-shadow: inset 0 1px 1px #999; box-shadow: inset 0 1px 1px #999; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}.viewAll { text-decoration: none; color: #888; padding-right: 20px; background: url(../images/arrow-viewall.png) no-repeat right 3px; float: right; clear: none; top: 5px !important;}p.viewAll { color: #333; padding-right: 0; background: none; position: relative; text-align: right; margin: 0;}.packageIcon { margin-bottom: 10px;}.deliNotificationToList { background: none; border: none;}.deliNotificationToList a { background: url(../images/add-your-projects.png) no-repeat center; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 60px; padding: 0; text-indent: -5000px; overflow: hidden; margin: 10px 0 30px; display: block; width: 100%; /*padding: 0 20px;*/ position: relative; /*left: -20px;*/}.commercialIndicator.commercial { display: block; background: url(/images/ribbon.png) no-repeat; height: 48px; top: -4px; right: 5px;}.tip .commercialIndicator.commercial { top: -10px !important;}/* Tooltip Styles */.tip{ position:absolute; top: -200px; left:-75px; width:300px; min-height: 170px; background:rgba(0,0,0,0.8); border:1px solid #000; border-bottom: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index:200; text-align:left; padding:0 0 40px 0; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.60); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.60); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.60); display: block;}.tip:after { border: 10px solid; border-color: rgba(0,0,0,0.7) transparent transparent transparent; position: absolute; bottom: -20px; left: 48%; display: block; height: 0; width: 0; content: "";}.tip .brief{ padding:10px; position:relative;}.tip .brief .packageIcon{ position:absolute; left:10px; top: 60px;} .tip .deliPackage .brief h3 a{ font-size:14px; color: #fff;}.tip .category { color: #999; padding-top: 1px;}.tip .creator{ position:absolute; bottom:5px; right:5px;}.tip .hiLite{ display:block !important; padding:0 10px 10px 85px; margin-top: 10px !important;}.tip .hiLite p { margin: 0;}.tip .hiLite p a{ font-size:12px!important; margin:0; padding:0; line-height:14px; color: #999;}.tip .hiLite a{ text-decoration:none!important;}.tip .popularity{ display:block !important; position: absolute; top: 120px; left: 15px; width: 50px; text-align: center; font-size: 12px; color: #fff;}.tip .popularity div { background: url(../images/bg-karma.png) no-repeat center bottom; height: 15px; padding-top: 13px;}.tip .popularity .karma { margin-bottom: 7px; background: url(../images/bg-karma.png) no-repeat center top;}.tip .popularity small { display: none;}.tip .download { height: 25px; bottom: 15px; right: 10px; position: absolute;}/* Category Page Styles */#body.deliCategory { margin-top: 30px;}.deliCatHead { margin: 0 0 20px;}#breadcrumb { margin: 0 0 5px !important; padding-left: 0;}#breadcrumb li a { padding-right: 5px;}.deliPaging { margin: 20px auto; text-align: center;}.deliPaging li { float: none; display: inline-block;}.noListingMessage{float:left;clear:both;width:100%;padding:20px 0 10px 0;}.noListingMessage p{ text-align:center; background: #e4e4e4; border: 1px solid #ddd; padding: 10px 20px; margin:0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}/* Detail Page */#project { display: block; overflow: hidden; margin-top: 20px;}#projectVotes { position: relative; float: left; margin: 10px 20px 0 0; width: 64px;} #projectvoting { position: relative; width: 64px; text-align: center; background-image: url(../images/bg-votes.png); background-position: center 38px; background-repeat: no-repeat;}#projectvoting a { border: none;}#projectApprove,#addVote { background: url(../images/button-add.png) no-repeat left top; height: 11px; overflow: hidden; text-transform: uppercase; padding-left: 15px; line-height: 11px; color: #666; margin: 20px 0 0 5px; display: block; font-size: 8px; cursor: pointer;}#projectApprove:hover ,#addVote:hover { background: url(../images/button-add.png) no-repeat left bottom; color: #333;}#projectVotes .like{ height: 11px; overflow: hidden; text-transform: uppercase; text-align:center; line-height: 11px; color: #666; margin: 20px 0 0 0; display: block; font-size: 8px; cursor: pointer;}#projectSidebar { width: 190px; float: right; padding: 10px 0px 30px 40px;}#projectSidebar h2 { color: #666;}#projectSidebar h3 { margin-bottom: 5px;}#projectDescription { width: 895px;}#projectDescriptionBody { width: 600px;}#projectScreenshots { display: block; overflow: hidden; margin: 50px 0 40px;}.projectscreenshot { margin-right: 20px;}#projectDownload { display: block; margin-bottom: 20px;}#projectDownload .downloadBtn { background: url(../images/button-download-big.png) no-repeat left top; background-color: none; width: 200px; left: -10px; position: relative; height: 55px; overflow: hidden; display: block; text-indent: -5000px;}#projectDownload .downloadBtn:hover { background-position: left bottom;}div.memberBadge { text-align: left; display: block; overflow: hidden; margin-bottom: 20px;}div.memberBadge img { float: left; height: 45px; width: 45px; border: 3px solid #fff; margin: 0 9px;}div.memberBadge span { float: left; font-size: 16px; text-align: left; width: 55px; padding-top: 3px;}div#avatar .memberBadge span,div.author .memberBadge span{text-align:center;}div.memberBadge span small { display: block; margin-top: 0; text-transform: uppercase; font-size: 10px;}.memberBadge h4 { margin: 0; font-size: 11px;}.sideSection h3 { margin-top: 30px;}#projectCompat h3 { margin-top: 10px;}.sideSection p { color: #999; line-height: 18px; font-size: 12px;}.sideSection p strong { color: #666;}.sideSection dl { padding: 0; color: #999;}.sideSection dt { color: #666; float: left; clear: none; margin-right: 5px; font-weight: bold; font-style: normal;}.sideSection dd { margin: 0;}#tabs { margin-bottom: 80px;}.openForCollab { padding: 10px; background-image: none; background: #edf9ff; overflow: hidden; display: block;}.openForCollab h3 { margin-top: 0;}.openForCollab img { float: left; margin-right: 10px;}.openForCollab p { font-size: 11px; float: right; width: 125px; margin: 0; line-height: 15px;}.projectPurchase { background: #f8f8f8; border: 1px solid #e0e0e0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px !important;}.projectPurchase h4 { padding: 16px 0 20px 40px; margin-top: -16px; background: url(../images/ribbon.png) no-repeat top left; margin-bottom: 0;}.projectPurchase li { color: #666;}#projectDescriptionText p { font-size: 14px; line-height: 20px; color: #666;}.smiley{ display:block; width:120px; height:18px; font-size:9px; line-height:18px; background:url(/images/smilies.png) no-repeat top; padding-left:20px; margin-bottom:2px;}.joyous{ background-position:0% 0%;}.happy{ background-position:0% 20%;}.neutral{ background-position:0% 41%;}.unhappy{ background-position:0% 60%;}.superUnhappy{ background-position:0% 80%;}.untested{ background-position:0% 100%;}.projectCompatList{ margin:1em;}.projectCompatList td{ padding:5px;} |