Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Demos: Adding 3rd Party Styling to the menu #8198

Closed
sfrisk wants to merge 2 commits into from
Closed

Demos: Adding 3rd Party Styling to the menu #8198

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e683dd1
Demos: Adding 3rd Party Styling to the menu
sfrisk Jul 16, 2015
367adf7
3rd Party: CSS Styling Fix
sfrisk Jul 16, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 27 additions & 19 deletions demos/_assets/css/jqm-demos.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -267,25 +267,25 @@
box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
}
.jqm-list .jqm-search-results-keywords {
padding: .46857em 0 0;
font-size: .8em;
font-weight: 300;
color: #999;
display: block;
padding: .46857em 0 0;
font-size: .8em;
font-weight: 300;
color: #999;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ui-button-active .jqm-search-results-keywords {
color: #fff;
color: #fff;
}
.jqm-search-results-highlight {
color: #3388cc;
font-weight: 400;
color: #3388cc;
font-weight: 400;
}
.ui-button-active .jqm-search-results-highlight {
color: #fff;
font-weight: 300;
color: #fff;
font-weight: 300;
}

/* API docs links */
Expand Down Expand Up @@ -322,16 +322,24 @@
color: #fff;
}

.jqm-3rd-party {
background: rgba(62, 178, 73, .2);
.ui-listview > li.jqm-3rd-party {
background: rgba(51, 136, 204, .1);
overflow: hidden;
}

.jqm-3rd-party:after {
content: "* 3rd Party Demo";
content: "3rd Party";
padding: .3em 3em;
background: #3388cc;
color: #fff;
position: absolute;
top: .2em;
right: .2em;
font-size: .8em;
top: 1em;
right: -3em;
font-size: .7em;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);

}

@media (min-width: 60em) {
Expand Down Expand Up @@ -396,7 +404,7 @@
padding-right: 3%;
float: right;
}
.jqm-demos .jqm-content.jqm-fullwidth {
.jqm-demos .jqm-content.jqm-fullwidth {
width: auto;
padding-left: 15%;
padding-right: 15%;
Expand Down Expand Up @@ -475,10 +483,10 @@
border-bottom-left-radius: inherit;
}
.jqm-view-source .ui-collapsible-content::-webkit-scrollbar {
width: 5px;
width: 5px;
}
.jqm-view-source .ui-collapsible-content::-webkit-scrollbar-track {
background: transparent;
background: transparent;
}
.jqm-view-source .ui-collapsible-content::-webkit-scrollbar-thumb {
background: #435A5F;
Expand Down