1687 lines
27 KiB
CSS
1687 lines
27 KiB
CSS
|
|
/* The following errors were found when attempting to minify this file: ~/Areas/CommunityVoice/Assets/Styles/Home.css
|
|
- (207,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ','
|
|
*/
|
|
.moduleContentNew.tabsDropdown .tabs li
|
|
{
|
|
float: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
height: 18px;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs li a span
|
|
{
|
|
padding: 0px;
|
|
margin: 0px;
|
|
width: 110px;
|
|
text-align: left;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs li a:link
|
|
{
|
|
border-radius: 0px;
|
|
}
|
|
|
|
.hidden
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.newCP .miniBio
|
|
{
|
|
display: inline-block;
|
|
padding: 5px 5px 5px 66px;
|
|
position: relative;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
.newCP .miniBio > p
|
|
{
|
|
display: inline-block;
|
|
margin: 0;
|
|
}
|
|
|
|
.newCP .miniBio > img
|
|
{
|
|
background-color: #fff;
|
|
left: 0px;
|
|
padding: 3px;
|
|
position: absolute;
|
|
top: 5px;
|
|
}
|
|
|
|
.newCP .miniBio > .name
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.newCP .miniBio > .name > a
|
|
{
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.newCP .miniBio .reputation
|
|
{
|
|
font-size: 8pt;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.newCP [class^="reputation level"]
|
|
{
|
|
line-height: 18px !important;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.newCP .reputation.level9
|
|
{
|
|
background: url(Assets/Images/IconBadgeTrophyGold.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level8
|
|
{
|
|
background: url(Assets/Images/IconBadgeTrophySilver.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level7
|
|
{
|
|
background: url(Assets/Images/IconBadgeTrophyBronze.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level6
|
|
{
|
|
background: url(Assets/Images/IconBadgeMedalGold.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level5
|
|
{
|
|
background: url(Assets/Images/IconBadgeMedalSilver.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level4
|
|
{
|
|
background: url(Assets/Images/IconBadgeMedalBronze.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level3
|
|
{
|
|
background: url(Assets/Images/IconBadgeRibbonBlue.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level2
|
|
{
|
|
background: url(Assets/Images/IconBadgeRibbonRed.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .reputation.level1
|
|
{
|
|
background: url(Assets/Images/IconBadgeRibbonPurple.png) no-repeat left top;
|
|
}
|
|
|
|
.newCP .miniBio.small
|
|
{
|
|
font-size: 8pt;
|
|
padding-left: 35px;
|
|
}
|
|
|
|
.newCP .miniBio.small > p
|
|
{
|
|
display: block;
|
|
margin-top: -1px;
|
|
}
|
|
|
|
.newCP .flag
|
|
{
|
|
padding-left: 20px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .flag > img
|
|
{
|
|
margin-top: -9px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
}
|
|
|
|
.newCP .sidebar
|
|
{
|
|
margin-bottom: 8px;
|
|
width: 250px;
|
|
}
|
|
|
|
.moduleContentNew:not(.minWidth650px) .sidebar
|
|
{
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.newCP .cpForm.search
|
|
{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.newCP .cpForm.search .noLabel
|
|
{
|
|
padding-top: 0;
|
|
}
|
|
|
|
.newCP .cpForm.search li:first-child > div
|
|
{
|
|
background-color: #fff;
|
|
border: 1px solid #bbb;
|
|
border: 1px solid rgba(0,0,0,.2);
|
|
border-color: #999 #bbb #ddd;
|
|
border-color: rgba(0,0,0,.3) rgba(0,0,0,.2) rgba(0,0,0,.1);
|
|
-moz-border-radius: 1px;
|
|
-webkit-border-radius: 1px;
|
|
border-radius: 1px;
|
|
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,.4);
|
|
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,.4);
|
|
box-shadow: inset 0px 1px 1px rgba(0,0,0,.4);
|
|
padding: 2px 30px 2px 0;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .cpForm.search li:first-child > div > input[type="text"]
|
|
{
|
|
background: none;
|
|
border: none;
|
|
font-size: 10pt;
|
|
padding: 3px;
|
|
}
|
|
|
|
.newCP .cpForm.search input[type="image"]
|
|
{
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 2px;
|
|
width: auto;
|
|
}
|
|
|
|
.newCP .cpForm.search select
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.newCP .contentMain
|
|
{
|
|
-webkit-background-clip: padding-box;
|
|
-moz-background-clip: padding-box;,
|
|
background-clip: padding-box;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
padding: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .contentMain,
|
|
.newCP .details,
|
|
.newCP .discussion
|
|
{
|
|
margin-right: 258px; /* width of .sidebar + gutter */
|
|
}
|
|
|
|
.moduleContentNew:not(.minWidth650px) .contentMain,
|
|
.moduleContentNew:not(.minWidth650px) .details,
|
|
.moduleContentNew:not(.minWidth650px) .discussion
|
|
{
|
|
margin-right: 0;
|
|
}
|
|
|
|
.newCP div.header
|
|
{
|
|
height: auto;
|
|
margin-bottom: 8px;
|
|
position: relative;
|
|
}
|
|
|
|
.minWidth575px div.header
|
|
{
|
|
min-height: 105px;
|
|
padding-right: 258px;
|
|
}
|
|
|
|
.minWidth575px .header .search
|
|
{
|
|
position: absolute;
|
|
top: 7px;
|
|
right: 15px;
|
|
width: 220px;
|
|
}
|
|
|
|
.newCP a.return
|
|
{
|
|
display: inline-block;
|
|
margin: -5px 30px 12px 0;
|
|
}
|
|
|
|
.newCP .addIdea
|
|
{
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
margin: 10px 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.newCP .addIdea .cpForm
|
|
{
|
|
overflow: hidden;
|
|
}
|
|
|
|
.newCP .addIdea .noLabel
|
|
{
|
|
padding-top: 0;
|
|
}
|
|
|
|
.newCP .addIdea input[type="text"]
|
|
{
|
|
font-size: 12pt;
|
|
}
|
|
|
|
.newCP .listing
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .listing h2
|
|
{
|
|
font-size: 1.4em;
|
|
margin: 0;
|
|
}
|
|
|
|
.newCP .listing ol
|
|
{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.newCP .votes li
|
|
{
|
|
display: block;
|
|
float: left;
|
|
text-align: center;
|
|
width: 48.5%;
|
|
}
|
|
|
|
.newCP .votes li:first-child
|
|
{
|
|
margin-right: 2%;
|
|
}
|
|
|
|
.newCP .votes a:link,
|
|
.newCP .votes a:visited,
|
|
.newCP .votes a:hover,
|
|
.newCP .votes a:focus,
|
|
.newCP .votes a:active
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVoteRightBkg.png);
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .votes a > span
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVoteLeftBkg.png);
|
|
font-size: 16pt;
|
|
font-weight: normal;
|
|
padding-top: 12px;
|
|
padding-bottom: 10px;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.newCP .votes a.voted > span
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.newCP .votes a.up.voted
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedUpRightBkg.png);
|
|
}
|
|
|
|
.newCP .votes a.up.voted > span
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedUpLeftBkg.png);
|
|
color: #21a827;
|
|
}
|
|
|
|
.newCP .votes a.down.voted
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedDownRightBkg.png);
|
|
}
|
|
|
|
.newCP .votes a.down.voted > span
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedDownLeftBkg.png);
|
|
color: #e64723;
|
|
}
|
|
|
|
.newCP .votes a > span > img
|
|
{
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 50%;
|
|
margin-top: -18px;
|
|
}
|
|
|
|
.newCP .votes .down > span > img
|
|
{
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.newCP .item
|
|
{
|
|
border-style: solid none none;
|
|
border-width: 1px;
|
|
margin: 0;
|
|
min-height: 75px;
|
|
padding: 18px 5px 18px 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.minWidth400px .item
|
|
{
|
|
padding-right: 120px;
|
|
}
|
|
|
|
.newCP .item:first-child
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.newCP .listing .item.empty
|
|
{
|
|
font-size: 1.5em;
|
|
padding-top: 24px;
|
|
padding-bottom: 12px;
|
|
}
|
|
|
|
.newCP .item > h3,
|
|
.newCP .item > h2
|
|
{
|
|
margin: 0 0 3px;
|
|
}
|
|
|
|
.newCP .item > h3 > a:link,
|
|
.newCP .item > h3 > a:visited,
|
|
.newCP .item > h3 > a:hover,
|
|
.newCP .item > h3 > a:focus,
|
|
.newCP .item > h3 > a:active,
|
|
.newCP .item > h2 > a:link,
|
|
.newCP .item > h2 > a:visited,
|
|
.newCP .item > h2 > a:hover,
|
|
.newCP .item > h2 > a:focus,
|
|
.newCP .item > h2 > a:active
|
|
{
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.newCP .item p
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.newCP .item > dl
|
|
{
|
|
margin: 10px 0 0 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.minWidth400px .item > dl
|
|
{
|
|
font-size: 1.35em;
|
|
height: 60px;
|
|
position: absolute;
|
|
margin-top: -30px;
|
|
right: 5px;
|
|
top: 50%;
|
|
}
|
|
|
|
.item dt,
|
|
.item dd
|
|
{
|
|
float: left;
|
|
margin-right: 30px;
|
|
}
|
|
|
|
.newCP .item dt
|
|
{
|
|
background-size: 100%;
|
|
height: 15px;
|
|
margin-right: 10px;
|
|
text-indent: -9999px;
|
|
width: 15px;
|
|
}
|
|
|
|
.minWidth400px .item dt
|
|
{
|
|
float: none;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 30px;
|
|
}
|
|
|
|
.minWidth400px .item dd
|
|
{
|
|
color: #333;
|
|
float: none;
|
|
margin: 3px 40px 0 0;
|
|
text-align: right;
|
|
}
|
|
|
|
.newCP .listing .liveEditControl
|
|
{
|
|
top: 15px;
|
|
}
|
|
|
|
.newCP .item .liveEditControl
|
|
{
|
|
left: -7px;
|
|
top: 14px;
|
|
}
|
|
|
|
.newCP .pagination
|
|
{
|
|
border-style: solid none none;
|
|
border-width: 1px;
|
|
margin: 0;
|
|
padding: 15px;
|
|
}
|
|
|
|
.minWidth575px .pagination
|
|
{
|
|
padding-left: 160px;
|
|
padding-right: 160px
|
|
}
|
|
|
|
.newCP .pagination strong,
|
|
.newCP .pagination a
|
|
{
|
|
border: 1px solid transparent;
|
|
line-height: 1;
|
|
padding: 3px 5px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.newCP .pagination strong
|
|
{
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
border-radius: 2px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
.newCP .pagination a
|
|
{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newCP .pagination a.arrow
|
|
{
|
|
font-family: Arial;
|
|
}
|
|
|
|
.newCP .perPage
|
|
{
|
|
display: block;
|
|
font-weight: normal;
|
|
font-size: 8pt;
|
|
text-align: center;
|
|
}
|
|
|
|
.minWidth575px .perPage
|
|
{
|
|
display: inline;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 15px;
|
|
}
|
|
|
|
.newCP .initiative,
|
|
.newCP .listing .initiative
|
|
{
|
|
min-height: 40px;
|
|
padding-left: 57px;
|
|
}
|
|
|
|
.newCP .initiative,
|
|
.newCP .listing .initiative:first-child
|
|
{
|
|
border-style: none;
|
|
}
|
|
|
|
.newCP .listing .initiative
|
|
{
|
|
border-style: solid none none;
|
|
}
|
|
|
|
.newCP .initiative > h2 > a:link,
|
|
.newCP .initiative > h2 > a:visited,
|
|
.newCP .initiative > h2 > a:hover,
|
|
.newCP .initiative > h2 > a:focus,
|
|
.newCP .initiative > h2 > a:active
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.newCP .initiative > img
|
|
{
|
|
position: absolute;
|
|
left: 5px;
|
|
top: 20px;
|
|
}
|
|
|
|
.newCP .initiative > p
|
|
{
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.newCP .initiative .i
|
|
{
|
|
top: 0;
|
|
}
|
|
|
|
.newCP .initiative .p
|
|
{
|
|
bottom: 0;
|
|
}
|
|
|
|
.newCP .initiative dt.i
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconIdea.png) no-repeat 0 0;
|
|
}
|
|
|
|
.newCP .initiative dt.p
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconParticipants.png) no-repeat 0 0;
|
|
}
|
|
|
|
.newCP .ideas
|
|
{
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.newCP .ideas h2
|
|
{
|
|
border: none;
|
|
margin-bottom: 0;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.newCP .ideas ol
|
|
{
|
|
background-color: #fff;
|
|
border-top: 1px solid #dad8cf;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.newCP .ideas .tabs
|
|
{
|
|
background: none;
|
|
border: none;
|
|
position: absolute;
|
|
right: -3px;
|
|
top: 1.4em;
|
|
width: auto;
|
|
z-index: 2;
|
|
}
|
|
|
|
.newCP .ideas .tabs li,
|
|
.newCP .ideas .tabs li a
|
|
{
|
|
min-width: 60px;
|
|
width: auto;
|
|
}
|
|
|
|
.newCP .ideas .tabs li a > span
|
|
{
|
|
padding-right: 10px;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .ideas .tabs
|
|
{
|
|
right: -1px;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs li
|
|
{
|
|
float: none;
|
|
margin: 0;
|
|
height: auto;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs li:not(.active) a
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs li:last-child a
|
|
{
|
|
border-radius: 0 0 7px 7px;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .ideas .tabs span
|
|
{
|
|
display: block;
|
|
padding: .5em;
|
|
margin: 0;
|
|
width: 110px;
|
|
text-align: left;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs .active span
|
|
{
|
|
height: 19px;
|
|
padding-top: .2em;
|
|
padding-bottom: .2em;
|
|
}
|
|
|
|
.moduleContentNew.tabsDropdown .tabs .active span:after
|
|
{
|
|
border: 6px solid transparent;
|
|
border-top-color: inherit;
|
|
border-top-style: solid;
|
|
border-top-width: 8px;
|
|
content: "";
|
|
display: block;
|
|
height: 0;
|
|
margin-top: -5px;
|
|
position: absolute;
|
|
right: .5em;
|
|
top: 50%;
|
|
width: 0;
|
|
}
|
|
|
|
.newCP .idea
|
|
{
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.newCP .idea > .stamp
|
|
{
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 17px;
|
|
}
|
|
|
|
.newCP .comment.unread > div.body,
|
|
.newCP .idea.unread > h3 > a
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.newCP .idea.new > h3
|
|
{
|
|
margin-right: 80px;
|
|
}
|
|
|
|
.newCP .idea.implemented > h3
|
|
{
|
|
margin-right: 100px;
|
|
}
|
|
|
|
.newCP .idea > .in
|
|
{
|
|
font-size: 8pt;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.newCP .idea .more,
|
|
.newCP .listing .partial,
|
|
.newCP .listing .full,
|
|
.newCP .initiative .initiativeDesc
|
|
{
|
|
font-size: .9em;
|
|
}
|
|
|
|
.newCP .initiative .initiativeDesc
|
|
{
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.newCP .idea .more
|
|
{
|
|
display: inline-block;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newCP .idea .votes > ul
|
|
{
|
|
margin: 10px 0;
|
|
overflow: hidden;
|
|
width: 40%;
|
|
}
|
|
|
|
.newCP .idea .meta
|
|
{
|
|
font-size: 8pt;
|
|
margin: 12px 0 0 0;
|
|
}
|
|
|
|
.minWidth475px .idea .meta
|
|
{
|
|
margin-right: 180px;
|
|
}
|
|
|
|
.newCP .idea .stats
|
|
{
|
|
color: #333;
|
|
line-height: 2;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.minWidth475px .idea .stats
|
|
{
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 15px;
|
|
}
|
|
|
|
.newCP .idea .stats span
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.newCP .idea .stats > span
|
|
{
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.newCP .idea .stats > span:first-child
|
|
{
|
|
margin-left: 0;
|
|
}
|
|
|
|
.newCP .idea .stats > span > span
|
|
{
|
|
display: inline-block;
|
|
margin-left: 3px;
|
|
position: relative;
|
|
text-indent: -9999px;
|
|
width: 20px;
|
|
}
|
|
|
|
.newCP .idea .stats > span > a > span
|
|
{
|
|
display: inline-block;
|
|
margin-left: 3px;
|
|
position: relative;
|
|
text-indent: -9999px;
|
|
width: 20px;
|
|
}
|
|
|
|
.newCP .idea .stats .votesUp > a > span,
|
|
.newCP .idea .stats .votesUp > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallThumbsUp.png) no-repeat 0 0;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.newCP .idea .stats .votesUp.winning > a > span,
|
|
.newCP .idea .stats .votesUp.winning > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallThumbsUpVoted.png) no-repeat 0 0;
|
|
}
|
|
|
|
.newCP .idea .stats .votesDown > a > span,
|
|
.newCP .idea .stats .votesDown > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallThumbsDown.png) no-repeat 0 0;
|
|
top: 5px;
|
|
}
|
|
|
|
.newCP .idea .stats .votesDown.winning > a > span,
|
|
.newCP .idea .stats .votesDown.winning > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallThumbsDownVoted.png) no-repeat 0 0;
|
|
}
|
|
|
|
.newCP .idea .stats .comments > a > span,
|
|
.newCP .idea .stats .comments > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallComments.png) no-repeat 1px 5px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.newCP .idea .stats a
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.newCP .idea .liveEditControl
|
|
{
|
|
width: 285px;
|
|
}
|
|
|
|
.newCP .ideas + .pagination
|
|
{
|
|
background: #fff;
|
|
}
|
|
|
|
.newCP .filter
|
|
{
|
|
padding: 8px 15px 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.newCP .ideaDetail
|
|
{
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.minWidth650px .ideaDetail
|
|
{
|
|
padding-right: 0;
|
|
}
|
|
|
|
.newCP .ideaDetail .details > .alert
|
|
{
|
|
margin: 10px 0 25px;
|
|
}
|
|
|
|
.newCP .ideaDetail h2
|
|
{
|
|
border-style: none none solid;
|
|
border-width: 3px;
|
|
font-size: 1.8em;
|
|
font-weight: normal;
|
|
line-height: 1.2;
|
|
margin-top: 13px;
|
|
margin-bottom: 0;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.newCP .details .meta
|
|
{
|
|
border-style: none none solid;
|
|
border-width: 1px;
|
|
padding: 2px 0 3px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .details .meta > .stamp
|
|
{
|
|
margin-top: -11px;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 50%
|
|
}
|
|
|
|
.newCP .details .date
|
|
{
|
|
font-size: 8pt;
|
|
margin: 10px 0 0;
|
|
}
|
|
|
|
.newCP .desc
|
|
{
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.newCP .desc > p
|
|
{
|
|
font-size: 1.1em;
|
|
margin: 0 0 1.4em;
|
|
}
|
|
|
|
.newCP .amendments
|
|
{
|
|
position: relative; /* For IE7 */
|
|
}
|
|
|
|
.newCP .details .amendments > h3
|
|
{
|
|
border-style: none none solid;
|
|
border-width: 2px;
|
|
margin: 0;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.newCP .details .amendment
|
|
{
|
|
border-style: solid none none;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.newCP .details .tags
|
|
{
|
|
border-style: solid none none;
|
|
border-width: 1px;
|
|
font-size: 7pt;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 10px 0 0;
|
|
}
|
|
|
|
.newCP .tags > li
|
|
{
|
|
display: inline-block;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
|
|
.newCP .tags a
|
|
{
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
display: block;
|
|
margin-bottom: 5px;
|
|
padding: 5px 8px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newCP .tags span
|
|
{
|
|
border-left: 1px solid #999;
|
|
border-left: 1px solid rgba(0,0,0,.2);
|
|
margin-left: .75em;
|
|
opacity: .75;
|
|
padding: 3px 0 2px .5em;
|
|
}
|
|
|
|
.newCP .editTags .holder,
|
|
.newCP .editTags .holder > li
|
|
{
|
|
width: auto;
|
|
}
|
|
|
|
.newCP .editTags .facebook-auto
|
|
{
|
|
width: 200px;
|
|
}
|
|
|
|
.newCP .discussion
|
|
{
|
|
margin-top: 36px;
|
|
position: relative; /* For IE7 */
|
|
}
|
|
|
|
.newCP .discussion h3
|
|
{
|
|
border-style: none none solid;
|
|
border-width: 3px;
|
|
font-size: 12pt;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.newCP .discussion ol
|
|
{
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.newCP .comment
|
|
{
|
|
border-style: none none solid;
|
|
border-width: 1px;
|
|
padding: 12px 10px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .comment:last-child
|
|
{
|
|
border: none;
|
|
}
|
|
|
|
.newCP .reply
|
|
{
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.minWidth400px .reply
|
|
{
|
|
padding-left: 75px;
|
|
}
|
|
|
|
.moduleContentNew:not(.minWidth400px) .comment .miniBio
|
|
{
|
|
height: 30px;
|
|
padding-left: 41px;
|
|
}
|
|
|
|
.moduleContentNew:not(.minWidth400px) .comment .miniBio > img
|
|
{
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
|
|
.minWidth400px .comment .body,
|
|
.minWidth400px .comment .meta,
|
|
.minWidth400px .comment.new .cpForm,
|
|
.minWidth400px .comment + .comment.new > .button
|
|
{
|
|
margin-left: 66px;
|
|
}
|
|
|
|
.newCP .comment .meta
|
|
{
|
|
border: none;
|
|
font-size: 8pt;
|
|
margin-top: 12px;
|
|
margin-bottom: 0;
|
|
padding: 0 55px 0 0;
|
|
}
|
|
|
|
.newCP .comment .meta > span
|
|
{
|
|
border-left: 1px solid #999;
|
|
border-left: 1px solid rgba(0,0,0,.2);
|
|
display: inline-block;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.newCP .comment .meta > span:first-child
|
|
{
|
|
border-left: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.newCP .comment .replyTo
|
|
{
|
|
bottom: 7px;
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
|
|
.newCP .amendment.new .cpForm > .noLabel,
|
|
.newCP .comment.new .cpForm > li
|
|
{
|
|
padding-top: 0;
|
|
}
|
|
|
|
.newCP .comment.new .cpForm > li > div
|
|
{
|
|
margin: 0 0 0 -1%;
|
|
}
|
|
|
|
.newCP .ideaDetail .editIdea
|
|
{
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.newCP .ideaDetail .sidebar
|
|
{
|
|
background: none;
|
|
border: none;
|
|
color: #6b4f31; /* Normal text */
|
|
margin-top: 2.2em;
|
|
}
|
|
|
|
.newCP .ideaDetail .sidebar p
|
|
{
|
|
line-height: inherit;
|
|
margin: 10px 0 5px;
|
|
}
|
|
|
|
.newCP .ideaDetail .ideaActions .button
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes li
|
|
{
|
|
display: block;
|
|
float: left;
|
|
text-align: center;
|
|
width: 48.5%;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes li:first-child
|
|
{
|
|
margin-right: 2%;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a:link,
|
|
.newCP .ideaDetail .votes a:visited,
|
|
.newCP .ideaDetail .votes a:hover,
|
|
.newCP .ideaDetail .votes a:focus,
|
|
.newCP .ideaDetail .votes a:active
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVoteRightBkg.png);
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a > span
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVoteLeftBkg.png);
|
|
font-size: 16pt;
|
|
font-weight: normal;
|
|
padding-top: 12px;
|
|
padding-bottom: 10px;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a.voted > span
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a.up.voted
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedUpRightBkg.png);
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a.up.voted > span
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedUpLeftBkg.png);
|
|
color: #21a827;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a.down.voted
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedDownRightBkg.png);
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a.down.voted > span
|
|
{
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeButtonVotedDownLeftBkg.png);
|
|
color: #e64723;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes a > span > img
|
|
{
|
|
position: absolute;
|
|
right: 9px;
|
|
top: 50%;
|
|
margin-top: -18px;
|
|
}
|
|
|
|
.newCP .ideaDetail .votes .down > span > img
|
|
{
|
|
margin-top: -10px;
|
|
}
|
|
|
|
.newCP .ideaDetail .follow a
|
|
{
|
|
background-position: left top;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.newCP .ideaDetail .share li
|
|
{
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.newCP .ideaDetail .share .button > span
|
|
{
|
|
padding-bottom: 6px;
|
|
padding-right: 1px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
.newCP .ideaDetail .sidebar .flag
|
|
{
|
|
font-size: .8em;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newCP .takeAction
|
|
{
|
|
padding-right: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .takeAction .share
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.newCP .takeAction .share a
|
|
{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.newCP .takeAction > .close
|
|
{
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 5px;
|
|
}
|
|
|
|
.newCP > .sidebar.minWidth450px ol
|
|
{
|
|
-moz-column-count: 2;
|
|
-webkit-column-count: 2;
|
|
}
|
|
|
|
.newCP > .sidebar.minWidth600px ol
|
|
{
|
|
-moz-column-count: 3;
|
|
-webkit-column-count: 3;
|
|
}
|
|
|
|
.newCP .featured
|
|
{
|
|
background: url(Common/images/Calendar/featureicon.png) no-repeat 0px 8px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .featured > h3
|
|
{
|
|
background: none;
|
|
border-style: none none solid;
|
|
border-width: 3px;
|
|
font-size: 11pt;
|
|
font-weight: bold;
|
|
margin: 0px 0px 8px 35px;
|
|
padding: 5px 0 0 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.newCP .featured .slider
|
|
{
|
|
font-size: 8pt;
|
|
margin: 0 21px;
|
|
width: 180px;
|
|
}
|
|
|
|
.newCP .featured .slide p
|
|
{
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.newCP .featured .idea
|
|
{
|
|
/* background-color: rgba(0,0,0,.1);*/
|
|
background-image: url(Areas/CommunityVoice/Assets/Images/HomeFeaturedIdeaBkg.png);
|
|
border: 1px solid rgba(255,255,255,.2);
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
margin: 15px 0 10px;
|
|
overflow: hidden; /* Will need to be removed if Live Edit is needed */
|
|
padding: 10px 10px 5px;
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .featured .idea h3
|
|
{
|
|
border-bottom: 1px solid rgba(255,255,255,.2);
|
|
margin: 0 0 8px;
|
|
padding: 0 0 8px;
|
|
}
|
|
|
|
.newCP .featured .idea h3 > a
|
|
{
|
|
font-size: 10pt;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newCP .featured .idea .meta
|
|
{
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
.newCP .featured .idea .stats
|
|
{
|
|
border-top: 1px solid rgba(255,255,255,.2);
|
|
line-height: 2;
|
|
margin-top: 8px;
|
|
padding-top: 6px;
|
|
position: static;
|
|
text-align: center;
|
|
}
|
|
|
|
.newCP .featured .idea .stats .votesUp > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconFeaturedThumbsUp.png) no-repeat 0 0;
|
|
bottom: 2px;
|
|
}
|
|
|
|
.newCP .featured .idea .stats .votesUp.winning > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallThumbsUpVoted.png) no-repeat 0 0;
|
|
}
|
|
|
|
.newCP .featured .idea .stats .votesDown > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconFeaturedThumbsDown.png) no-repeat 0 0;
|
|
top: 5px;
|
|
}
|
|
|
|
.newCP .featured .idea .stats .votesDown.winning > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconSmallThumbsDownVoted.png) no-repeat 0 0;
|
|
}
|
|
|
|
.newCP .featured .idea .stats .comments > span
|
|
{
|
|
background: url(Areas/CommunityVoice/Assets/Images/HomeIconFeaturedComments.png) no-repeat 0 4px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.newCP .featured a.arrow
|
|
{
|
|
display: block;
|
|
height: 18px;
|
|
left: -5px;
|
|
margin-top: -10px;
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 18px;
|
|
}
|
|
|
|
.newCP .featured a.right
|
|
{
|
|
left: auto;
|
|
right: -5px;
|
|
}
|
|
|
|
.newCP .leaderboard
|
|
{
|
|
position: relative;
|
|
}
|
|
|
|
.newCP .leaderboard h3
|
|
{
|
|
background: url(Assets/Images/HomeIconLeaderboard.png) no-repeat 0px 6px;
|
|
display: block;
|
|
padding-left: 22px;
|
|
}
|
|
|
|
.newCP .leaderboard li
|
|
{
|
|
padding-right: 30px;
|
|
position: relative;
|
|
}
|
|
|
|
.sidebar.minWidth300px .leaderboard li
|
|
{
|
|
padding-right: 0;
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.newCP .leaderboard p
|
|
{
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.newCP .leaderboard .rank
|
|
{
|
|
display: block;
|
|
font-size: 14pt;
|
|
margin-top: -8px;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: center;
|
|
top: 50%;
|
|
width: 25px;
|
|
}
|
|
|
|
.sidebar.minWidth300px .leaderboard .rank
|
|
{
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
.newCP .leaderboard .miniBio
|
|
{
|
|
padding-left: 36px;
|
|
}
|
|
|
|
.newCP .leaderboard .miniBio p
|
|
{
|
|
display: block;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.newCP .leaderboard .bottomHalf
|
|
{
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.newCP .leaderboard .bottomHalf .rank
|
|
{
|
|
font-size: 8pt;
|
|
margin-top: -7px;
|
|
}
|
|
|
|
.newCP .leaderboard .bottomHalf .name
|
|
{
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.newCP .leaderboard .toggle
|
|
{
|
|
font-size: 8pt;
|
|
margin: 4px 0 9px;
|
|
}
|
|
|
|
.newCP .leaderboard .toggle a:link,
|
|
.newCP .leaderboard .toggle a:visited,
|
|
.newCP .leaderboard .toggle a:hover,
|
|
.newCP .leaderboard .toggle a:focus,
|
|
.newCP .leaderboard .toggle a:active
|
|
{
|
|
|
|
}
|
|
|
|
.newCP .leaderboard .toggle .current
|
|
{
|
|
cursor: default;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.newCP .leaderboard .toggle .more
|
|
{
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* MODALS */
|
|
|
|
.modalContainer .discussion
|
|
{
|
|
margin: 0;
|
|
}
|
|
|
|
.modalContainer.flagReason
|
|
{
|
|
margin-left: -160px;
|
|
width: 320px;
|
|
}
|
|
|
|
.flagReason .flagReasonText
|
|
{
|
|
width: 270px;
|
|
}
|
|
|
|
.modalContainer.moderation
|
|
{
|
|
margin-left: -250px;
|
|
width: 500px;
|
|
}
|
|
|
|
|
|
/* Mark as Duplicate modal */
|
|
|
|
.modalContainer.markAsDupe
|
|
{
|
|
width: 500px;
|
|
}
|
|
|
|
/* Leaderboard modal */
|
|
|
|
.modalContainer.pointsSystem
|
|
{
|
|
margin-left: -160px;
|
|
width: 320px;
|
|
}
|
|
|
|
.modalContainer.pointsSystem p
|
|
{
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.modalContainer.pointsSystem dt
|
|
{
|
|
clear: left;
|
|
float: left;
|
|
margin: 0 0 5px;
|
|
width: 25px;
|
|
}
|
|
|
|
.modalContainer.pointsSystem dd
|
|
{
|
|
margin: 0 0 5px 25px;
|
|
}
|
|
|
|
.modalContainer.pointsSystem dd > span
|
|
{
|
|
display: inline-block;
|
|
width: 8em;
|
|
}
|
|
|
|
/* END Leaderboard modal */
|
|
|
|
/* LIVE EDIT */
|
|
|
|
.newCP .initiatives .liveEditControl
|
|
{
|
|
background-image: none !important;
|
|
}
|
|
|
|
.modalContainer.communityVoiceInitiative
|
|
{
|
|
margin-left: -400px;
|
|
width: 800px;
|
|
}
|
|
|
|
/* START: Feature Overview Button */
|
|
.minWidth650px .header .buttonHolder
|
|
{
|
|
position: absolute;
|
|
right: 256px;
|
|
top: 5px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.moduleContentNew .header .buttonHolder .button
|
|
{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.moduleContentNew .header .text
|
|
{
|
|
margin-bottom: 15px;
|
|
margin-left: 10px;
|
|
}
|
|
/* END: Feature Overview Button */
|
|
.newCP .contentMain
|
|
{
|
|
background-color: #e6f3ff; /* Color2 */
|
|
}
|
|
|
|
.newCP .contentMain,
|
|
.newCP .item,
|
|
.newCP .ideaDetail h2,
|
|
.newCP .details .meta,
|
|
.newCP .details .amendments > h3,
|
|
.newCP .details .amendment,
|
|
.newCP .details .tags,
|
|
.newCP .discussion h3,
|
|
.newCP .comment
|
|
{
|
|
border-color: #bbd7f3; /* hr color */
|
|
}
|
|
|
|
.newCP .tags a
|
|
{
|
|
background-color: #d0e7ff; /* Color4 */
|
|
}
|
|
|
|
.newCP .sidebar,
|
|
.newCP .addIdea
|
|
{
|
|
background-color: #094683; /* Color6 */
|
|
color: #fffffe; /* Color8 */
|
|
}
|
|
|
|
.newCP .sidebar h3,
|
|
.newCP .addIdea li > label
|
|
{
|
|
color: #d7ef8a; /* Color7 */
|
|
}
|
|
|
|
.newCP .featured .idea .stats,
|
|
.newCP .leaderboard .toggle .current,
|
|
.newCP .leaderboard .reputation
|
|
{
|
|
color: #fffffe; /* Color8 */
|
|
}
|
|
|
|
.newCP .sidebar a:link,
|
|
.newCP .sidebar a:visited,
|
|
.newCP .sidebar a:hover,
|
|
.newCP .sidebar a:focus,
|
|
.newCP .sidebar a:active,
|
|
.newCP .featured .idea h3 > a:link,
|
|
.newCP .featured .idea h3 > a:visited,
|
|
.newCP .featured .idea h3 > a:hover,
|
|
.newCP .featured .idea h3 > a:focus,
|
|
.newCP .featured .idea h3 > a:active
|
|
{
|
|
color: #acd6ff; /* Color9 */
|
|
}
|
|
|
|
.newCP .item > h3 > a:link,
|
|
.newCP .item > h3 > a:visited,
|
|
.newCP .item > h3 > a:hover,
|
|
.newCP .item > h3 > a:focus,
|
|
.newCP .item > h3 > a:active
|
|
{
|
|
color: #215486; /* Subhead2 */
|
|
}
|
|
|
|
.newCP .initiative > h2 > a:link,
|
|
.newCP .initiative > h2 > a:visited,
|
|
.newCP .initiative > h2 > a:hover,
|
|
.newCP .initiative > h2 > a:focus,
|
|
.newCP .initiative > h2 > a:active,
|
|
.newCP .ideaDetail .sidebar h3,
|
|
.newCP .idea > .in > strong
|
|
{
|
|
color: #3f612c; /* Subhead1 */
|
|
}
|
|
|
|
.newCP .ideaDetail .sidebar,
|
|
.newCP .tags a,
|
|
.newCP .comment .meta a:link,
|
|
.newCP .comment .meta a:visited,
|
|
.newCP .comment .meta a:hover,
|
|
.newCP .comment .meta a:focus,
|
|
.newCP .comment .meta a:active
|
|
{
|
|
color: #393e43; /* Normal text */
|
|
}
|
|
|
|
.newCP .ideaDetail .sidebar a:link,
|
|
.newCP .ideaDetail .sidebar a:visited,
|
|
.newCP .ideaDetail .sidebar a:hover,
|
|
.newCP .ideaDetail .sidebar a:focus,
|
|
.newCP .ideaDetail .sidebar a:active
|
|
{
|
|
color: #094683; /* Hyperlink */
|
|
}
|