lingwei.kong/hawkbit
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

initial commit of the hawkBit documentation (#343)

Browse Source 
Signed-off-by: Michael Hirsch <michael.hirsch@bosch-si.com>
This commit is contained in:
Michael Hirsch
2016-11-14 15:21:29 +01:00
committed by GitHub
parent d536ec054a
commit 998ebd7c4e
88 changed files with 6422 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2744
docs/src/main/resources/css/animate.css vendored Normal file
View File

File diff suppressed because it is too large Load Diff

793
docs/src/main/resources/css/hawkbit.css Normal file
View File

@@ -0,0 +1,793 @@
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700');
body {
margin-top: 50px; /* padding for .navbar-fixed-top. */
font-family:'Open Sans', sans-serif;
line-height: 1.85em;
color: #111;
font-weight: 300;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
a {
color:#0088cc;
}
a:hover {
text-decoration: none;
}
code {
color: #919191;
background-color: #f9f2f4;
}
.image-center
{
margin: 0 auto;
display: block;
}
.image-left
{
float: left;
margin: 0px 0 0px 0px;
padding: 20px;
}
.navbar-inverse .navbar-brand {
font-size: 48px;
font-weight: bold;
padding-top:10px;
color: #6ab252;
}
.navbar-inverse .navbar-brand-logo {
background-image: url("/img/hawkbit_flower.png");
background-size: 250px;
background-repeat: no-repeat;
position: absolute;
display: block;
width: 230px;
height: 200px;
}
/*scroll stuff*/
.navbar-lp{
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.navbar-lp .navbar-brand {
font-size:65px;
font-weight: bold;
padding-top:40px;
color: #6ab252;
}
.navbar-lp .navbar-brand-logo {
background-image: url("/img/hawkbit_flower.png");
background-size: 250px;
background-repeat: no-repeat;
position: absolute;
display: block;
width: 250px;
height: 200px;
top: 0;
}
.navbar-lp .navbar-nav {
padding-top:30px;
}
.navbar-lp
{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.navbar-lp.scroll .navbar-brand
{
font-size: 48px;
padding-top:10px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.navbar-lp.scroll .navbar-brand-logo {
background-image: url("/img/hawkbit_flower.png");
background-size: 80px;
background-repeat: no-repeat;
position: absolute;
width: 110px;
height: 80px;
top: 0;
}
.navbar-lp.scroll .navbar-nav {
padding-top:0px;
}
/*scroll stuff ends*/
.navbar-inverse .navbar-nav>li>a {
color: rgba(255,255,255,0.65);
font-size: 16px;
font-weight: bold;
}
.navbar-inverse .navbar-nav>li>a:hover {
color: #6ab252;
}
.navbar-inverse {
background-color: #411355;
border-color: #411355;
padding: 12px 5px 5px 5px;
}
.navbar-inverse .navbar-toggle {
border-color: #411355;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #411355;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: rgba(255,255,255,0);
}
.header {
display: block;
width: 100%;
text-align: center;
background: #411355;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
margin-bottom: 58px;
}
.tagline {
padding: 60px 0 50px;
}
.tagline h1 {
font-size: 60px;
color: rgba(255,255,255,0.9);
}
.box-separator {
margin: 50px 0;
}
.separator {
margin: 50px 0 30px;
}
.box {
overflow: hidden;
}
.box-img.pull-left {
margin-right: 40px;
}
.box-img.pull-right {
margin-left: 40px;
}
.box-headline {
font-size: 50px;
color: #666;
}
#adi .box-headline {
margin-bottom: 58px;
}
#adi img {
width: 90%;
}
footer {
margin: 50px 0;
}
@media(max-width:1200px) {
.box-separator {
margin: 50px 0;
}
.box-img.pull-left {
margin-right: 20px;
}
.box-img.pull-right {
margin-left: 20px;
}
.box-headline {
font-size: 35px;
}
}
@media(max-width:991px) {
.box-separator {
margin: 40px 0;
}
.box-img.pull-left {
margin-right: 10px;
}
.box-img.pull-right {
margin-left: 10px;
}
.box-headline {
font-size: 30px;
}
}
@media(max-width:768px) {
.container {
margin: 0 15px;
}
.box-separator {
margin: 40px 0;
}
.box-headline {
font-size: 25px;
}
}
@media(max-width:668px) {
.box-separator {
margin: 30px 0;
}
}
@media(max-width:640px) {
.tagline {
padding: 75px 0 25px 0;
}
.navbar-inverse .navbar-brand {
font-size: 65px;
padding-top: 20px;
}
.navbar-inverse .navbar-brand-logo {
background-image: url("/img/hawkbit_flower.png");
background-size: 100px;
background-repeat: no-repeat;
position: absolute;
width: 100px;
height: 200px;
}
.tagline h1 {
font-size: 45px;
margin-top: 10px;
}
}
@media(max-width:375px) {
.box-separator {
margin: 10px 0;
}
.box-img {
max-width: 100%;
}
.box-img.pull-left {
margin-right: 0;
margin-bottom: 10px;
}
.box-img.pull-right {
margin-bottom: 10px;
margin-left: 0;
}
}
/*Content Header
========================*/
.content-header {
margin: 50px 0px;
}
.content-header h1 {
color: #666;
}
/*Blog/News
========================*/
.blogpost, .news {
padding:0 0 0px;
margin: 20px 0 0px;
}
.blogpost h3, .news h3 {
font-size: 28px;
}
.blogpost p .news p{
margin: 20px 0;
font-size: 18px;
}
.metadata {
margin-bottom: 20px;
padding: 5px 0;
}
.metadata ul {
margin: 0; padding: 0
}
.metadata ul li {
display: inline-block;
margin-right: 20px;
}
.metadata i {
margin: 4px 5px 0 0;
color: #666;
}
/*downloads
========================*/
.box-dl h3{
margin-top: 5px;
font-weight: bold;
color: #333;
}
.box-dl .fa{
color: #999;
}
/*Home page Image-Hover*/
.zoom1 {
-webkit-transform: scale(1);
transform: scale(1);
-ms-transform: scale(1);
-webkit-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.zoom1:hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
/*Home page Image-VideoOverlay*/
.thumb1, .thumb2, .thumb3,.thumb4, .thumb5{
position: relative;
}
.thumb1 .play-icon{
outline: medium none;
position: absolute;
z-index: 100;
opacity: 0.8;
color: #003151;
font-size: 4em;
left: 325px;
top: 125px;
}
.thumb1 .play-icon:hover, .thumb2 .play-icon:hover, .thumb3 .play-icon:hover, .thumb4 .play-icon:hover, .thumb5 .play-icon:hover{
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.thumb2 .play-icon {
color: #003151;
font-size: 4em;
opacity: 0.8;
outline: medium none;
position: absolute;
left: 325px;
z-index: 100;
top: 125px;
}
.thumb3 .play-icon {
color: #003151;
font-size: 4em;
opacity: 0.8;
outline: medium none;
position: absolute;
left: 200px;
z-index: 100;
top: 115px;
}
.thumb4 .play-icon {
color: #003151;
font-size: 4em;
opacity: 0.8;
outline: medium none;
position: absolute;
left: 250px;
z-index: 100;
top: 125px;
}
.thumb5 .play-icon {
color: #003151;
font-size: 4em;
opacity: 0.8;
outline: medium none;
position: absolute;
left: 800px;
z-index: 100;
top: 125px;
}
/*community*/
.team {
background: -moz-linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(147, 200, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(147, 200, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(top , rgba(106, 178, 82, 1) 0%, rgba(147, 200, 130, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 30px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.1) inset;
height: auto;
margin-bottom: 5px;
padding: 8px;
position: relative;
}
.team:hover {
background: -moz-linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(top , rgba(106, 178, 82, 1) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 30px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.1) inset;
border: 0px solid #3300CC;
}
.team .fa {
color: #333;
}
/*Usecases*/
.teamuc {
background: -moz-linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(177, 189, 205, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: linear-gradient(center top , rgba(106, 178, 82, 1) 0%, rgba(177, 189, 205, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
background: -webkit-linear-gradient(top , rgba(106, 178, 82, 1) 0%, rgba(177, 189, 205, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 );
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.1) inset;
height: auto;
margin-bottom: 5px;
padding: 8px;
position: relative;
}
p.ex {
color: #fff;
}
h2.ex {
color: #fff;
font-weight: bold;
}
.vbtn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #002E5C, #2980b9);
background-image: -moz-linear-gradient(top, #002E5C, #2980b9);
background-image: -ms-linear-gradient(top, #002E5C, #2980b9);
background-image: -o-linear-gradient(top, #002E5C, #2980b9);
background-image: linear-gradient(top bottom, #002E5C, #2980b9);
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
color: #ffffff;
font-weight: bold;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.vbtn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #30567B, #3498db);
background-image: -moz-linear-gradient(top, #30567B, #3498db);
background-image: -ms-linear-gradient(top, #30567B, #3498db);
background-image: -o-linear-gradient(top, #30567B, #3498db);
background-image: linear-gradient(to bottom, #30567B, #3498db);
color: #ffffff;
font-weight: bold;
text-decoration: none;
box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
}
.vbtn:active {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #30567B, #3498db);
background-image: -moz-linear-gradient(top, #30567B, #3498db);
background-image: -ms-linear-gradient(top, #30567B, #3498db);
background-image: -o-linear-gradient(top, #30567B, #3498db);
background-image: linear-gradient(to bottom, #30567B, #3498db);
color: #ffffff;
font-weight: bold;
text-decoration: none;
box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
}
.vbtn:focus {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #30567B, #3498db);
background-image: -moz-linear-gradient(top, #30567B, #3498db);
background-image: -ms-linear-gradient(top, #30567B, #3498db);
background-image: -o-linear-gradient(top, #30567B, #3498db);
background-image: linear-gradient(to bottom, #30567B, #3498db);
color: #ffffff;
font-weight: bold;
text-decoration: none;
box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
}
/*Footer
========================*/
footer{
border-top:1px solid #eee;
background: #f5f5f5;
padding: 30px 0;
color: #ccc;
margin-top:40px;
margin-bottom:0px;
}
#extra h3 {
font-weight: 400;
border-bottom: 1px solid #999;
padding: 5px;
}
.footer-links-header {
color: #333;
padding-top: 0px;
margin-top: 0px;
}
footer h3 {
margin-top: 16px;
margin-bottom: 6px;
font-size: 20px;
font-weight: 555;
}
.footer-links {
width: 49%;
display: inline-block;
margin: 0;
list-style: none;
}
footer ul {
-webkit-padding-start: 0px;
}
/*documentation*/
.nav-bar {
margin-top: 50px;
background-color: #dadada;
border: 1px solid #ccc;
padding-top: 12px;
}
.nav-bar .nav .navmenu-nav {
padding: 3px 15px;
}
.nav-bar .nav>li>a {
position: relative;
display: block;
padding: 0px 0px;
}
.documentation-section {
padding-top: 68px;
margin-top: -38px;
margin-left: 25px;
}
.info-note {
color: #2283A3;
font-size: 2em;
}
/* blogs*/
@media (max-width: 767px) {
.blogstep .blogpicture {float:none; text-align:center;}
.blogstep .blogtext {padding:0;}
}
.blogstep {
padding:0 0 20px 40px;
background:url(../img/blogpics/stepline.png) no-repeat 10px 3px;
}
.blogstep .blogpicture {
float:right;
}
.blogstep .blogpicture img {
max-width:100%;
}
.blogstep .blogtext {
padding:0 400px 0 0;
color:#848484;
}
.blogstep .blogtext p{
padding-bottom:10px;
}
.blogstep .blogtext a{
color:#0066FF;
}
.clear{ clear:both; height:0; overflow:hidden;}
table {
background: #B0C4DE none repeat scroll 0 0;
border: 1px solid #ccc;
border-radius: 4px;
margin: 20px;
width: 100%;
}
table th {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #B0C4DE, #B0C4DE) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(center top , #B0C4DE, #B0C4DE) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #B0C4DE, #B0C4DE) repeat scroll 0 0;
border-bottom: 1px solid #c0c0c0;
border-top: 1px solid #e0e0e0;
padding: 4px 6px;
}
table tr:first-child th:first-child {
border-top-left-radius: 3px;
}
table tr:first-child th:last-child {
border-top-right-radius: 3px;
}
table td:first-child {
border-left: 0 none;
text-align: left;
}
table td {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fbfbfb, #fafafa) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(center top , #fbfbfb, #fafafa) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #fbfbfb, #fafafa) repeat scroll 0 0;
border-bottom: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
border-top: 1px solid #f0f0f0;
padding: 4px 6px;
}
table tr.even td {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f8f8f8, #f6f6f6) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(center top , #f8f8f8, #f6f6f6) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #f8f8f8, #f6f6f6) repeat scroll 0 0;
}
table tr:last-child td {
border-bottom: 0 none;
}
table tr:last-child td:first-child {
border-bottom-left-radius: 3px;
}
table tr:last-child td:last-child {
border-bottom-right-radius: 3px;
}
table tr:hover td {
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f2f2f2, #f0f0f0) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(center top , #f2f2f2, #f0f0f0) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(center top , #f2f2f2, #f0f0f0) repeat scroll 0 0;
}
#zoo table {
margin: 0;
}
.pricing {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #d4d4d4;
border-image: none;
border-radius: 5px 5px 9px 9px;
border-style: solid;
border-width: 1px 1px 4px;
color: #c0c2c2;
font-family: "Lato",sans-serif;
font-size: 12px;
font-weight: 400;
margin-bottom: 40px;
width: 100%;
}
.pricing thead th {
background: #333 none repeat scroll 0 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #f4f4f4;
float: left;
font-family: "Lato",sans-serif;
font-size: 24px;
padding: 13px 8%;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.pricing tfoot td {
background: #ededed none repeat scroll 0 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding: 20px 8%;
width: 100%;
}
.pricing td {
background: #fff none repeat scroll 0 0;
border: 1px solid #d4d4d4;
float: left;
padding: 10px 8%;
width: 100%;
}
.pricing tfoot td {
text-align: center;
}
.pricing td.focus {
background: #3a5a82; none repeat scroll 0 0;
border-bottom: 1px solid #d4d4d4;
color: #fff;
font-family: "Lato",sans-serif;
font-size: 32px;
font-weight: 400;
padding: 25px 8%;
text-align: center;
width: 100%;
}
.pricing td.focus-best {
background: #a00 none repeat scroll 0 0;
border-bottom: 1px solid #d4d4d4;
color: #fff;
font-family: "Lato",sans-serif;
font-size: 32px;
font-weight: 400;
padding: 25px 8%;
text-align: center;
width: 100%;
}
.pricing td.focus span {
display: block;
font-size: 10px;
margin-top: 5px;
}
.pricing td.focus-best span {
display: block;
font-size: 10px;
}
.pricing td h6 {
color: #c0c2c2;
float: left;
font-family: "Lato",sans-serif;
font-size: 12px;
font-weight: 400;
width: 60%;
}
.pricing td p {
float: left;
text-align: right;
width: 40%;
}
.btn-primary:hover {
box-shadow: 0 0 3px rgba(0, 0, 0, 1);
}
#tbltext{
color: #000000;
}

170
docs/src/main/resources/css/prettyPhoto.css Normal file
View File

@@ -0,0 +1,170 @@
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(../img/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(../img/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(../img/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(../img/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(../img/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(../img/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(../img/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(../img/prettyPhoto/default/sprite.png) 1px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(../img/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(../img/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(../img/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(../img/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(../img/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:5px;top:10px;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}