Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/css/application/project/project-card-view.css
- This file was added.
| /** | |||||
| * @provides project-card-view-css | |||||
| */ | |||||
| .project-card-view { | |||||
| margin: 0 12px 16px 0; | |||||
| text-align: left; | |||||
| background: #fff; | |||||
| border: 1px solid {$lightblueborder}; | |||||
| border-radius: 3px; | |||||
| box-shadow: {$dropshadow}; | |||||
| width: 380px; | |||||
| } | |||||
| .project-card-view .phui-header-shell { | |||||
| margin: 0; | |||||
| padding: 12px 12px 16px 12px; | |||||
| border: none; | |||||
| border-radius: 3px; | |||||
| } | |||||
| .project-card-view .phui-header-shell .phui-header-image { | |||||
| border: 3px solid #fff; | |||||
| border-radius: 3px; | |||||
| } | |||||
| .project-card-view .phui-header-shell .phui-header-header { | |||||
| font-size: 18px; | |||||
| font-family: 'Aleo', {$fontfamily}; | |||||
| width: 290px; | |||||
| overflow: hidden; | |||||
| white-space: nowrap; | |||||
| text-overflow: ellipsis; | |||||
| display: block; | |||||
| } | |||||
| .project-card-view .phui-header-shell .phui-header-col1 { | |||||
| vertical-align: top; | |||||
| width: 64px; | |||||
| } | |||||
| .project-card-view .phui-header-subheader { | |||||
| font-size: {$normalfontsize}; | |||||
| margin-top: 12px; | |||||
| } | |||||
| .project-card-view .phui-header-header .phui-tag-view { | |||||
| display: block; | |||||
| font-weight: normal; | |||||
| color: {$bluetext}; | |||||
| font-size: {$normalfontsize}; | |||||
| font-family: {$fontfamily}; | |||||
| margin-top: 8px; | |||||
| } | |||||
| .project-card-view .phui-header-header .phui-tag-view .phui-tag-core { | |||||
| padding: 0; | |||||
| } | |||||
| .project-card-view .phui-header-header .phui-tag-view .phui-icon-view { | |||||
| margin-left: 0; | |||||
| color: {$bluetext}; | |||||
| } | |||||
| /* Colors */ | |||||
| .project-card-view.project-card-red { | |||||
| border-color: {$sh-redborder}; | |||||
| } | |||||
| .project-card-view.project-card-red .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-redbackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-orange { | |||||
| border-color: {$sh-orangeborder}; | |||||
| } | |||||
| .project-card-view.project-card-orange .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-orangebackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-yellow { | |||||
| border-color: {$sh-yellowborder}; | |||||
| } | |||||
| .project-card-view.project-card-yellow .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-yellowbackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-green { | |||||
| border-color: {$sh-greenborder}; | |||||
| } | |||||
| .project-card-view.project-card-green .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-greenbackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-blue { | |||||
| border-color: {$sh-blueborder}; | |||||
| } | |||||
| .project-card-view.project-card-blue .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-bluebackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-indigo { | |||||
| border-color: {$sh-indigoborder}; | |||||
| } | |||||
| .project-card-view.project-card-indigo .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-indigobackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-violet { | |||||
| border-color: {$sh-violetborder}; | |||||
| } | |||||
| .project-card-view.project-card-violet .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-violetbackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-pink { | |||||
| border-color: {$sh-pinkborder}; | |||||
| } | |||||
| .project-card-view.project-card-pink .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-pinkbackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-grey { | |||||
| border-color: {$sh-greyborder}; | |||||
| } | |||||
| .project-card-view.project-card-grey .phui-header-shell { | |||||
| background: linear-gradient(to bottom, {$sh-greybackground} 44px, #fff 44px); | |||||
| } | |||||
| .project-card-view.project-card-checkered { | |||||
| border-color: {$sh-greyborder}; | |||||
| } | |||||
| .project-card-view.project-card-checkered .phui-header-shell { | |||||
| background-color: #fff; | |||||
| background-image: linear-gradient(45deg, {$sh-greybackground} 25%, transparent 25%, transparent 75%, {$sh-greybackground} 75%, {$sh-greybackground}), | |||||
| linear-gradient(45deg, {$sh-greybackground} 25%, transparent 25%, transparent 75%, {$sh-greybackground} 75%, {$sh-greybackground}); | |||||
| background-size: 16px 16px; | |||||
| background-position:0 0, 8px 8px; | |||||
| } | |||||