saurabh
/
orbit-basic
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

html change

This commit is contained in:
devin 2012-04-17 16:32:11 +08:00
parent 4f18257733
commit 8cd4844689
3 changed files with 71 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/assets/stylesheets/desktopmain.css
View File

@ -275,6 +275,11 @@ a:focus { outline: none; }
.theme_plate { overflow: hidden; }
.theme_plate > div { float: left; margin-right: 12px; }
.theme_plate > div:first-child { margin-right: 48px;}
.stock_background ul { overflow: hidden; }
.stock_background li { float: left; margin: 6px; }
.stock_background a { border: solid 3px #f6f6f6; display: block; }
.stock_background img { display: block; margin: 0 auto; border: solid 1px #fff; }
.s_title { font-size: 15px; line-height: 60px; text-align: left; }
.s_action { padding: 24px 0; overflow: hidden; }
.setting_btn {
@ -384,6 +389,37 @@ a:focus { outline: none; }
font-size: 15px;
}
/* Orbit Dialogue */
#orbitdiag {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 9;
}
#orbitdiag .tile { background-color: #000; }
.diag_holder { background-color: #000; }
.diag_holder_inner {
width: 600px;
margin: 200px auto 0 auto;
position: relative;
padding: 30px 0;
}
.diag_message {
color: #fff;
font-size: 18px;
padding: 30px 0;
}
.diag_action { clear: both; text-align: right; }
.diag_btn {
display: inline-block;
line-height: 36px;
text-align: center;
font-size: 15px;
margin: 0 6px;
}
#group_wrapper{
}

17
app/views/desktop/index.html.erb
View File

@ -60,7 +60,7 @@
</div>
<div id="container">
<div id='ajax_container' class="<%= controller.action_name %>">
<div id='ajax_container'>
</div>
@ -75,7 +75,18 @@
<div class="note_message">Check the Notifications section for more information.</div>
</div>
</div>
<div id="orbitdiag" style="display: none;">
<div class="tile op07"></div>
<div class="diag_holder">
<div class="diag_holder_inner">
<div class="diag_message">Continue anyway?</div>
<div class="diag_action">
<a href="" id="diag_confirm" class="diag_btn thmc1 thmtxt w1 hh2 hp">Yes</a>
<a href="" id="diag_cancel" class="diag_btn admbg admtxt w1 hh2 hp">Cancel</a>
</div>
</div>
</div>
</div>
<script>
orbitDesktop.prototype.themefolder = "desktop_themes";
@ -85,5 +96,5 @@
orbitDesktop.prototype.currentLanguage = "<%= I18n.locale %>";
//uselessfunction();
var od = new orbitDesktop("#ajax_container");
o.notify("Notification Working!!","imp",3)
// o.notify("Notification Working!!","imp",3)
</script>

22
app/views/desktop/settings/themes.html.erb
View File

@ -2,6 +2,7 @@
<ul>
<li><a href="#st1" class="hh2 hp thmtxt thmc2">Select Theme</a></li>
<li><a href="#st2" class="hh2 hp admtxt admbg">Custom Theme</a></li>
<li><a href="#st3" class="hh2 hp admtxt admbg">Custom Background</a></li>
</ul>
</div>
<div class="tinycanvas vp">
@ -21,7 +22,7 @@
</div>
<div id="st2" class="st_c">
<div class="s_title hh3">Preview</div>
<div class="theme_preview vp" style="background-image: url(/desktop_themes/default/images/background.jpg);">
<div class="theme_preview vp" style="background-color:#000000;">
<div class="thmtxth hh2 hp" style="margin-left:108px;">Theme Text1</div>
<div class="theme_plate">
<div class="thmc4 h1 wh3"></div>
@ -62,6 +63,25 @@
<div class="clear"></div>
</div>
</div>
<div id="st3" class="st_c">
<div class="stock_background">
<ul>
<li><a href="" class="sb1"><img src="" alt=""></a></li>
<li><a href="" class="sb2"><img src="" alt=""></a></li>
<li><a href="" class="sb3"><img src="" alt=""></a></li>
<li><a href="" class="sb4"><img src="" alt=""></a></li>
<li><a href="" class="sb5"><img src="" alt=""></a></li>
<li><a href="" class="sb6"><img src="" alt=""></a></li>
<li><a href="" class="sb7"><img src="" alt=""></a></li>
<li><a href="" class="sb8"><img src="" alt=""></a></li>
<li><a href="" class="sb9"><img src="" alt=""></a></li>
<li><a href="" class="sb10"><img src="" alt=""></a></li>
<li><a href="" class="sb11"><img src="" alt=""></a></li>
<li><a href="" class="sb12"><img src="" alt=""></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>