Skip to content

New ThemeRoller demos #251

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

New ThemeRoller demos #251

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6fea097
ThemeRoller: Update demo page
rxaviers Jan 27, 2015
9a08841
Temporary changes
rxaviers Jan 27, 2015
80b5b18
Temporary changes
rxaviers Jan 28, 2015
27f5f5c
fixup! ThemeRoller: Update demo page
rxaviers Jan 29, 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
1,216 changes: 1,216 additions & 0 deletions app/src/jquery-ui.css
View file
Open in desktop

Large diffs are not rendered by default.

16,804 changes: 16,804 additions & 0 deletions app/src/jquery-ui.js
View file
Open in desktop

Large diffs are not rendered by default.

107 changes: 11 additions & 96 deletions app/src/themeroller.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,69 +47,26 @@
}

/* TR application styles */
#themeroller {
.themeroller__app-area {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
#themeroller button,
#themeroller input,
#themeroller select,
#themeroller textarea {
font-size: 12px;
}
#themeroller .mask-area {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
}
#themeroller .mid-area {
float: left;
left: 224px;/* 214px + 4px*2 + 1px*2 */
position: relative;
width: 200%;
}
#themeroller .right-area {
float: left;
left: 50%;
margin-left: -460px;/* 230px*2 */
position: relative;
width: 100%;
z-index: 0;
}
#themeroller .app-area {
float: left;
left: 239px;/* 224px + 15px */
margin-left: -50%;
overflow: hidden;
position: relative;
width: 224px;
z-index: 2;
}
#themeroller .components-b-area {
float: left;
left: 0px;
overflow: hidden;
position: relative;
width: 230px;
}
#themeroller .components-a-wrap {
float: right;
position: relative;
right: 100%;
width: 50%;
.themeroller__demo-area {
margin-left: 244px; /* 224px + 20px */
padding-right: 20px;
z-index: 1;
}
#themeroller .components-a-pad {
margin: 0 15px 0 478px;
overflow: hidden;
}
@media all and (max-width: 1100px) {
#themeroller .components-b-area {
clear: both;
@media all and (max-width: 800px) {
.themeroller__app-area {
float: none;
}
#themeroller .components-a-pad {
margin: 0 15px 0 239px;
.themeroller__demo-area {
margin-left: 0;
padding-left: 20px;
}
}

Expand All @@ -129,9 +86,6 @@
position: relative;
float: left;
}
#themeroller .application a:focus, div.content * {
outline: 0 !important;
}
#themeHeader h1 { /* logo */
font-size: 1.5em;
color: #fff;
Expand Down Expand Up @@ -615,45 +569,6 @@ a.cornerWarning { color: red !important; text-decoration: none; }
font-size: 1.1em;
}

.demoHeaders {
font-size: 1.3em;
font-weight: normal;
margin: 2em 0 1em;
clear: both;
}
.demoHeaders span {
font-size: .8em;
}


#dialog_link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
#dialog_link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
zoom: 1;
}


ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left; list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}


/* Demo */

/*
* 1: On 1.10, `.ui-widget-overlay` position has been changed to "fixed". Reverting it to absolute in the demo, so it's possible to contain overlay inside `.fakewindowcontain`.
*/
#themeroller .fakewindowcontain .ui-widget-overlay {
position: absolute; /* 1 */
}
.clearfix:before,
.clearfix:after {
content: "";
Expand Down
2 changes: 1 addition & 1 deletion app/src/themeroller.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,7 +166,7 @@
});

$( "#reverse-background" ).on( "click", function() {
var maskArea = themeroller.find( ".mask-area" ),
var maskArea = themeroller,
textElems = themeroller.find( ".demoHeaders, #demo-options" );
if ( $( this ).is( ":checked" ) ) {
maskArea.css({ background: "#333" });
Expand Down
4 changes: 2 additions & 2 deletions template/themeroller/_rollyourown_group_dropshadow.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<input type="text" name="bgImgOpacityShadow" id="bgImgOpacityShadow" class="opacity" value="{{bgImgOpacityShadow}}" />
<span class="opacity-per">%</span>
</div>
<div class="field-group field-group-opacity clearfix">
<div class="field-group field-group-opacity clearfix" title="Not in use in 1.12 anymore">
<label for="opacityShadow">Shadow Opacity:</label>
<input type="text" name="opacityShadow" id="opacityShadow" class="opacity" value="{{opacityShadow}}" />
<span class="opacity-per">%</span>
Expand All @@ -32,7 +32,7 @@
<label for="offsetLeftShadow">Left Offset:</label>
<input type="text" name="offsetLeftShadow" id="offsetLeftShadow" class="offset" value="{{offsetLeftShadow}}" />
</div>
<div class="field-group field-group-corners clearfix">
<div class="field-group field-group-corners clearfix" title="Not in use in 1.12 anymore">
<label for="cornerRadiusShadow">Corners:</label>
<input type="text" value="{{cornerRadiusShadow}}" name="cornerRadiusShadow" id="cornerRadiusShadow" class="cornerRadius" />
</div>
Expand Down
272 changes: 0 additions & 272 deletions template/themeroller/comp_group_a.html
View file
Open in desktop

This file was deleted.

76 changes: 0 additions & 76 deletions template/themeroller/comp_group_b.html
View file
Open in desktop

This file was deleted.

Loading