dockeruser
/
CouchPotatoServer
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

About responsive

pull/5430/head
Ruud 10 years ago
parent
68b1610104
commit
a5e819aad4
4 changed files with 77 additions and 28 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      couchpotato/static/scripts/combined.base.min.js
  2. 40
      couchpotato/static/scripts/page/about.js
  3. 17
      couchpotato/static/style/combined.min.css
  4. 42
      couchpotato/static/style/settings.scss

6
couchpotato/static/scripts/combined.base.min.js
View File

@ -2026,7 +2026,7 @@ var AboutSettingTab = new Class({
if (!self.fillVersion(Updater.getInfo())) Updater.addEvent("loaded", self.fillVersion.bind(self));
self.settings.createGroup({
name: "Help Support CouchPotato"
}).inject(self.content).adopt(new Element("div.usenet").adopt(new Element("span", {
}).inject(self.content).adopt(new Element("div.usenet").adopt(new Element("div.text").adopt(new Element("span", {
text: "Help support CouchPotato and save some money for yourself by signing up for an account at"
}), new Element("a", {
href: "https://usenetserver.com/partners/?a_aid=couchpotato&a_bid=3f357c6f",
@ -2038,10 +2038,10 @@ var AboutSettingTab = new Class({
text: "Newshosting"
}), new Element("span", {
text: ". For as low as $7.95 per month, you’ll get:"
}), new Element("ul").adopt(new Element("li.icon-ok", {
})), new Element("ul").adopt(new Element("li.icon-ok", {
text: Math.ceil((today.getTime() - millennium.getTime()) / one_day) + " days retention"
}), new Element("li.icon-ok[text=No speed or download limits]"), new Element("li.icon-ok[text=Free SSL Encrypted connections]"))), new Element("div.donate", {
html: "Or support me via:" + '<iframe src="https://couchpota.to/donate.html" style="border:none; height: 200px;" scrolling="no"></iframe>'
html: 'Or support me via: <iframe src="https://couchpota.to/donate.html" scrolling="no"></iframe>'
}));
},
fillVersion: function(json) {

40
couchpotato/static/scripts/page/about.js
View File

@ -78,23 +78,25 @@ var AboutSettingTab = new Class({
'name': 'Help Support CouchPotato'
}).inject(self.content).adopt(
new Element('div.usenet').adopt(
new Element('span', {
'text': 'Help support CouchPotato and save some money for yourself by signing up for an account at'
}),
new Element('a', {
'href': 'https://usenetserver.com/partners/?a_aid=couchpotato&a_bid=3f357c6f',
'target': '_blank',
'text': 'UsenetServer'
}),
new Element('span[text=or]'),
new Element('a', {
'href': 'http://www.newshosting.com/partners/?a_aid=couchpotato&a_bid=a0b022df',
'target': '_blank',
'text': 'Newshosting'
}),
new Element('span', {
'text': '. For as low as $7.95 per month, you’ll get:'
}),
new Element('div.text').adopt(
new Element('span', {
'text': 'Help support CouchPotato and save some money for yourself by signing up for an account at'
}),
new Element('a', {
'href': 'https://usenetserver.com/partners/?a_aid=couchpotato&a_bid=3f357c6f',
'target': '_blank',
'text': 'UsenetServer'
}),
new Element('span[text=or]'),
new Element('a', {
'href': 'http://www.newshosting.com/partners/?a_aid=couchpotato&a_bid=a0b022df',
'target': '_blank',
'text': 'Newshosting'
}),
new Element('span', {
'text': '. For as low as $7.95 per month, you’ll get:'
})
),
new Element('ul').adopt(
new Element('li.icon-ok', {
'text': Math.ceil((today.getTime()-millennium.getTime())/(one_day))+" days retention"
@ -104,9 +106,7 @@ var AboutSettingTab = new Class({
)
),
new Element('div.donate', {
'html':
'Or support me via:' +
'<iframe src="https://couchpota.to/donate.html" style="border:none; height: 200px;" scrolling="no"></iframe>'
'html': 'Or support me via: <iframe src="https://couchpota.to/donate.html" scrolling="no"></iframe>'
})
);

17
couchpotato/static/style/combined.min.css
View File

@ -685,7 +685,7 @@ input[type=text],textarea{-webkit-appearance:none}
}
.header a{color:#FFF;letter-spacing:1px}
.header .ripple{background:#FFF}
.header .navigation .logo{background:#ac0000;display:block;text-align:center;position:relative;overflow:hidden;font-family:Lobster,serif;color:#FFF;font-size:38px;line-height:80px;height:80px}
.header .navigation .logo{background:#ac0000;display:block;text-align:center;position:relative;overflow:hidden;font-family:Lobster,serif;color:#FFF;font-size:38px;line-height:80px;height:80px;visibility:hidden}
.dark .header .navigation .logo{background:#f85c22}
.dark .header .donate:hover,.dark .header .navigation ul li a:hover,.header .donate:hover,.header .navigation ul li a:hover{background:#303030}
.header .navigation .logo span{position:absolute;display:block;height:100%;width:100%;text-align:center;left:0}
@ -946,17 +946,28 @@ input[type=text],textarea{-webkit-appearance:none}
.page.settings .disabled .combined_table,.page.settings .multi_directory.is_empty .delete{display:none}
.page.settings .combined_table .ctrlHolder.is_empty .delete,.page.settings .combined_table .ctrlHolder.is_empty input[type=checkbox]{visibility:hidden}
.page.settings .tab_about .usenet{padding:20px 20px 0;font-size:1.5em;line-height:1.3em}
@media (max-width:480px){.page.settings .tab_about .usenet{padding:10px!important;font-size:1em;line-height:1.5em}
}
.page.settings .tab_about .usenet a{color:#ac0000;padding:0 5px}
.dark .page.settings .tab_about .usenet a{color:#f85c22}
.page.settings .tab_about .usenet ul{list-style:none;float:left;width:50%;margin:10px 0;padding:0}
@media (max-width:480px){.page.settings .tab_about .usenet ul{float:none;width:auto;margin:0}
}
.page.settings .tab_about .usenet li{font-size:.8em}
.page.settings .tab_about .usenet li:before{margin-right:10px}
.page.settings .tab_about .donate{float:left;width:42%;text-align:center;font-size:17px;padding:0 0 0 4%;margin:20px 0 0;border-left:1px solid rgba(0,0,0,.2)}
.page.settings .tab_about .donate{float:left;width:42%;text-align:center;font-size:17px;padding:0 0 0 4%;margin:20px 0 0;border-left:1px solid rgba(0,0,0,.2);height:150px}
@media (max-width:480px){.page.settings .tab_about .donate{padding:0;float:none;width:auto;margin:0;border:none}
}
.dark .page.settings .tab_about .donate{border-color:rgba(255,255,255,.2)}
.page.settings .tab_about .donate form{padding:10px 0 0}
.page.settings .tab_about .donate iframe{border:none;width:100%;height:100%}
.page.settings .tab_about .info{padding:20px;margin:0;overflow:hidden}
.page.settings .tab_about .info dt{clear:both;float:left;width:17%;font-weight:700}
@media (max-width:480px){.page.settings .tab_about .info{padding:10px}
.page.settings .tab_about .info dt{float:none;width:auto}
}
.page.settings .tab_about .info dd{float:right;width:80%;padding:0;margin:0;font-style:italic}
@media (max-width:480px){.page.settings .tab_about .info dd{float:none;width:auto;margin-bottom:10px}
}
.page.settings .tab_about .info dd.version{cursor:pointer}
.page.settings .tab_about .group_actions>div{padding:20px;text-align:center}
.page.settings .tab_about .group_actions a{margin:0 10px;font-size:20px}

42
couchpotato/static/style/settings.scss
View File

@ -503,6 +503,12 @@
font-size: 1.5em;
line-height: 1.3em;
@include media-phablet {
padding: $padding/2 !important;
font-size: 1em;
line-height: 1.5em;
}
a {
@include theme(color, primary);
padding: 0 5px;
@ -514,6 +520,12 @@
width: 50%;
margin: 10px 0;
padding: 0;
@include media-phablet {
float: none;
width: auto;
margin: 0;
}
}
li {
@ -533,13 +545,24 @@
padding: 0 0 0 4%;
margin: 20px 0 0;
border-left: 1px solid rgba(0,0,0,.2);
height: 150px;
@include media-phablet {
padding: 0;
float: none;
width: auto;
margin: 0;
border: none;
}
@include theme-dark {
border-color: rgba(255,255,255,.2);
}
form {
padding: 10px 0 0;
iframe {
border: none;
width: 100%;
height: 100%;
}
}
@ -548,11 +571,20 @@
margin: 0;
overflow: hidden;
@include media-phablet {
padding: $padding/2;
}
dt {
clear: both;
float: left;
width: 17%;
font-weight: bold;
@include media-phablet {
float: none;
width: auto;
}
}
dd {
@ -562,6 +594,12 @@
margin: 0;
font-style: italic;
@include media-phablet {
float: none;
width: auto;
margin-bottom: $padding/2;
}
&.version { cursor: pointer; }
}
}

Write Preview
Loading…
Cancel
Save