Commit e70332da by Motohisa Nakano

update SMARTCATALOG design

parent bffad8d5
......@@ -22,18 +22,9 @@
<link type="text/css" rel="stylesheet" href="./common/css/screenLock.css"/>
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/common.js"></script>
<script src="common/js/screenLock.js" type="text/javascript"></script>
<script src="./js/header.js" type="text/javascript"></script>
<script src="./js/bookmark.js" type="text/javascript"></script>
<script type="text/javascript" src="./common/js/gotop.js"></script>
<title>Bookmark | ABook Viewer For Web</title>
<title>Bookmark | SMART CATALOG For Web</title>
</head>
<body id="list">
<p id="gotop" class="go_top">
......@@ -50,20 +41,20 @@
<li class="kor" id="language-kr"><a href="#">한글</a></li>
<li class="manual_link"><a id="manual" href="../usermanual.html" target="_manual">Manual</a></li>
<li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
</ul>
<p class="button">
<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
<a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
<a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
<a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>
</p>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
<ul class="button">
<li class="leftButton"><a class="homeButton lang" id="dspHome" lang="dspHome" href="#">ホーム</a></li>
<li class="middleButtonSelected"><a class="sioriButton lang" href="#" id="dspShiori" lang="dspShiori">しおり</a></li>
<li class="middleButton"><a class="historyButton lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a></li>
<li class="middleButton"><a class="settingButton lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a></li>
<li class="rightButton"><a style="margin-right:0;" class="logoutButton lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a></li>
</ul>
</div>
</div>
</header>
......@@ -85,25 +76,26 @@
<div id="main">
<article id="articleMain" class="articleMain">
<div id="sortingDiv" class="tops">
<ul>
<li><span class="lang" lang="txtSort">並べ替え</span><b>|</b></li>
<li><span class="lang" lang="txtSort">並べ替え</span><span>|</span></li>
<li><a id="dspTitleNm" lang="dspTitleNm" class="lang">タイトル名</a>
<span id="txtTitleNmAsc"></span><span id="txtTitleNmDesc"></span><b>|</b></li>
<span id="txtTitleNmAsc"></span><span id="txtTitleNmDesc"></span><span>|</span></li>
<li><a id="dspTitleNmKn" lang="dspTitleNmKn" class="lang">タイトル名(かな)</a>
<span id="txtTitleNmKnAsc"></span><span id="txtTitleNmKnDesc"></span><b id="dspTitleNmKn_Seperate">|</b></li>
<span id="txtTitleNmKnAsc"></span><span id="txtTitleNmKnDesc"></span><span id="dspTitleNmKn_Seperate">|</span></li>
<li><a id="dspPubDt" class="lang" lang="dspRegDt">登録日</a>
<span id="txtPubDtAsc"></span><span id="txtPubDtDesc"></span></li>
</ul>
</ul>
</div>
<section id="pnlTop" class='top'>
<a class="delete lang" id="dspDelete" lang="dspDelete">削除</a>
<div id="dspDelete">選択したしおりを <a class="delete lang" lang="dspDelete">削除</a></div>
</section>
<div class="shioriNotExist lang" id="msgShioriNotExists" lang="msgShioriNotExists"></div>
<section id="bottom">
<a class="delete lang" id="dspDelete1" lang="dspDelete">削除</a>
<div id="dspDelete1">選択したしおりを <a class="delete lang" lang="dspDelete">削除</a></div>
</section>
</article>
......@@ -130,5 +122,16 @@
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/common.js"></script>
<script src="common/js/screenLock.js" type="text/javascript"></script>
<script src="./js/header.js" type="text/javascript"></script>
<script src="./js/bookmark.js" type="text/javascript"></script>
<script type="text/javascript" src="./common/js/gotop.js"></script>
</body>
</html>
......@@ -9,7 +9,7 @@
overflow-x: auto;
}
.treeview ul {
background-color: white;
background-color: #eaeaea;
margin-top: 4px;
}
......
......@@ -2036,13 +2036,13 @@ function lockLayout() {
var tags = '<div id="avw-sys-modal"></div>';
$('body').prepend(tags);
$('#avw-sys-modal').css({
'opacity': 0.7,
'opacity': 0.6,
'position': 'fixed',
'top': '0',
'left': '0',
'width': $(window).width(),
'height': $(window).height(),
'background': '#999',
'background': '#000',
'z-index': 100
});
// resize error page
......
......@@ -112,7 +112,7 @@
"txtMemoEdit":"Edit memo",
"txtMemoCopy":"Copy",
"msgPageImgErr":"Unable to show contents. Maybe it was deleted at server. Back home and choose another content.",
"sysAppTitle":"ABook Viewer for Web",
"sysAppTitle":"SMART CATALOG for Web",
"sysLockScrPwdInput":"Input password",
"txtOpt005":"Show alert when press F5.close tab.broswer.",
"txtMemoMenu":"Edit memo",
......
......@@ -112,7 +112,7 @@
"txtMemoEdit":"編集",
"txtMemoCopy":"コピー",
"msgPageImgErr":"コンテンツを表示することができません。コンテンツが削除された可能性があります。ホーム画面に戻り、異なるコンテンツを選択してください。",
"sysAppTitle":"ABook閲覧ウェブ版",
"sysAppTitle":"SMART CATALOG ウェブ版",
"sysLockScrPwdInput":"パスワードを入力してください",
"txtOpt005":"タブ・ブラウザ終了・F5時のアラートが表示する",
"txtMemoMenu":"メモ編集",
......
......@@ -112,7 +112,7 @@
"txtMemoEdit":"편집",
"txtMemoCopy":"복사",
"msgPageImgErr":"컨텐츠를 표시할 수 없습니다. 이 컨텐츠는 삭제되었을 가능성이 있습니다.",
"sysAppTitle":"ABook : 멀티미디어 컨텐츠 플랫폼",
"sysAppTitle":"SMART CATALOG : 멀티미디어 컨텐츠 플랫폼",
"sysLockScrPwdInput":"패스워드를 입력해 주십시오.",
"txtOpt005":"새로고침을 하거나, 탭/창을 닫을 때 경고 표시",
"txtMemoMenu":"편집",
......
{
"apiUrl" : "http://web3.agentec.jp/acms/{0}/abvapi",
"apiLoginUrl" : "http://web3.agentec.jp/acms/nuabvapi",
"apiResourceDlUrl" : "http://web3.agentec.jp/acms/{0}/dl",
"apiUrl" : "http://web2.mediaservice.agentec.jp/acms/{0}/abvapi",
"apiLoginUrl" : "http://web2.mediaservice.agentec.jp/acms/nuabvapi",
"apiResourceDlUrl" : "http://web2.mediaservice.agentec.jp/acms/{0}/dl",
"bookShelfCount": 15,
"bookListCount" : 15,
"debug" : true,
......
......@@ -8,7 +8,7 @@
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title>Content Search | ABook Viewer for WEB</title>
<title>Content Search | SMART CATALOG for WEB</title>
<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" />
......@@ -22,19 +22,6 @@
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/backup.css" rel="stylesheet" type="text/css" />
<link href="css/restore.css" rel="stylesheet" type="text/css" />
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/common.js"></script>
<script src="./js/contentsearch.js"></script>
<script src="./js/header.js"></script>
<script src="./common/js/gotop.js"></script>
<script src="common/js/tab.js"></script>
<script src="./common/js/screenLock.js" type="text/javascript"></script>
<script src="js/detail.js" type="text/javascript"></script>
</head>
<body>
<p id="gotop" class="go_top" style="z-index: 99">
......@@ -51,20 +38,20 @@
<li class="kor" id="language-kr"><a href="#">한글</a></li>
<li class="manual_link"><a id="manual" href="../usermanual.html" target="_manual">Manual</a></li>
<li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
</ul>
<p class="button">
<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
<a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
<a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
<a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>
</p>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
<ul class="button">
<li class="leftButton"><a class="homeButton lang" id="dspHome" lang="dspHome" href="#">ホーム</a></li>
<li class="middleButton"><a class="sioriButton lang" href="#" id="dspShiori" lang="dspShiori">しおり</a></li>
<li class="middleButton"><a class="historyButton lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a></li>
<li class="middleButton"><a class="settingButton lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a></li>
<li class="rightButton"><a style="margin-right:0;" class="logoutButton lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a></li>
</ul>
</div>
</div>
</header>
......@@ -87,7 +74,7 @@
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="120" width="160" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="title" id="txtContentTitle">SMART CATALOG資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
......@@ -108,22 +95,22 @@
<input type="radio" id="main-content" name="main-searchtype" value="1" checked/><span id="main-search-content" class="lang" lang="txtCtnNm">コンテンツ名</span>
<input type="radio" id="main-tag" name="main-searchtype" value="2" /><span id="main-search-tag" class="lang" lang="txtTag">タグ</span>
<input type="radio" id="main-body" name="main-searchtype" value="3" /><span id="main-search-body" class="lang" lang="txtContTxt">本文</span>
<a class="btn_blue lang" href="#" id="main-search" lang="txtSearch">検索</a>
<a class="btn_black lang" href="#" id="main-search" lang="txtSearch">検索</a>
</div>
<br/>
<ul>
<li><span class="lang" lang="txtSort">並べ替え</span><b>|</b></li>
<li><span class="lang" lang="txtSort">並べ替え</span><span>|</span></li>
<li>
<a class="active_tops lang control_sort_on nottouchdevice" id="control-sort-title" lang="dspTitleNm">タイトル名</a>
<a class="lang control_sort_off active_tops" style="display: none" lang="dspTitleNm">タイトル名</a>
<span id="title-sorttype"> </span>
<span><b>|</b></span>
<span>|</span>
</li>
<li>
<a id="control-sort-titlekana" class="lang control_sort_on nottouchdevice" lang="dspTitleNmKn" >タイトル名(かな)</a>
<a id="label-sort-titlekana" class="lang control_sort_off " style="display: none" lang="dspTitleNmKn">タイトル名(かな)</a>
<span id="titlekana-sorttype"> </span>
<span id="separate"><b>|</b></span>
<span id="separate">|</span>
</li>
<li>
<a id="control-sort-releasedate" class="lang control_sort_on nottouchdevice" lang="txtPubDt" >公開日</a>
......@@ -139,7 +126,7 @@
<label class="lang pageNumControl" lang="txtRecordTotal" style="visibility: hidden">件 表示</label>
</p>
</div>
<br/>
<div id="content-grid">
</div>
<div id="msgSearchNotExist" class="lang" lang="msgSearchNotExist"> </div>
......@@ -160,5 +147,18 @@
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/common.js"></script>
<script src="./js/contentsearch.js"></script>
<script src="./js/header.js"></script>
<script src="./common/js/gotop.js"></script>
<script src="common/js/tab.js"></script>
<script src="./common/js/screenLock.js" type="text/javascript"></script>
<script src="js/detail.js" type="text/javascript"></script>
</body>
</html>
\ No newline at end of file
......@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<title>Text Copy | ABook Viewer For Web</title>
<title>Text Copy | SMART CATALOG For Web</title>
<script src="common/js/jquery-1.8.1.min.js" type="text/javascript"></script>
<script>
......
<!--
PIE: CSS3 rendering for IE
Version 1.0.0
http://css3pie.com
Dual-licensed for use under the Apache License Version 2.0 or the General Public License (GPL) Version 2.
-->
<PUBLIC:COMPONENT lightWeight="true">
<!-- saved from url=(0014)about:internet -->
<PUBLIC:ATTACH EVENT="oncontentready" FOR="element" ONEVENT="init()" />
<PUBLIC:ATTACH EVENT="ondocumentready" FOR="element" ONEVENT="init()" />
<PUBLIC:ATTACH EVENT="ondetach" FOR="element" ONEVENT="cleanup()" />
<script type="text/javascript">
var doc = element.document;var f=window.PIE;
if(!f){f=window.PIE={F:"-pie-",nb:"Pie",La:"pie_",Ac:{TD:1,TH:1},cc:{TABLE:1,THEAD:1,TBODY:1,TFOOT:1,TR:1,INPUT:1,TEXTAREA:1,SELECT:1,OPTION:1,IMG:1,HR:1},fc:{A:1,INPUT:1,TEXTAREA:1,SELECT:1,BUTTON:1},Gd:{submit:1,button:1,reset:1},aa:function(){}};try{doc.execCommand("BackgroundImageCache",false,true)}catch(aa){}for(var ba=4,Z=doc.createElement("div"),ca=Z.getElementsByTagName("i"),ga;Z.innerHTML="<!--[if gt IE "+ ++ba+"]><i></i><![endif]--\>",ca[0];);f.O=ba;if(ba===6)f.F=f.F.replace(/^-/,"");f.ja=
doc.documentMode||f.O;Z.innerHTML='<v:shape adj="1"/>';ga=Z.firstChild;ga.style.behavior="url(#default#VML)";f.zc=typeof ga.adj==="object";(function(){var a,b=0,c={};f.p={Za:function(d){if(!a){a=doc.createDocumentFragment();a.namespaces.add("css3vml","urn:schemas-microsoft-com:vml")}return a.createElement("css3vml:"+d)},Ba:function(d){return d&&d._pieId||(d._pieId="_"+ ++b)},Eb:function(d){var e,g,j,i,h=arguments;e=1;for(g=h.length;e<g;e++){i=h[e];for(j in i)if(i.hasOwnProperty(j))d[j]=i[j]}return d},
Rb:function(d,e,g){var j=c[d],i,h;if(j)Object.prototype.toString.call(j)==="[object Array]"?j.push([e,g]):e.call(g,j);else{h=c[d]=[[e,g]];i=new Image;i.onload=function(){j=c[d]={h:i.width,f:i.height};for(var k=0,n=h.length;k<n;k++)h[k][0].call(h[k][1],j);i.onload=null};i.src=d}}}})();f.Na={gc:function(a,b,c,d){function e(){k=j>=90&&j<270?b:0;n=j<180?c:0;m=b-k;p=c-n}function g(){for(;j<0;)j+=360;j%=360}var j=d.sa;d=d.zb;var i,h,k,n,m,p,r,t;if(d){d=d.coords(a,b,c);i=d.x;h=d.y}if(j){j=j.jd();g();e();
if(!d){i=k;h=n}d=f.Na.tc(i,h,j,m,p);a=d[0];d=d[1]}else if(d){a=b-i;d=c-h}else{i=h=a=0;d=c}r=a-i;t=d-h;if(j===void 0){j=!r?t<0?90:270:!t?r<0?180:0:-Math.atan2(t,r)/Math.PI*180;g();e()}return{sa:j,xc:i,yc:h,td:a,ud:d,Wd:k,Xd:n,rd:m,sd:p,kd:r,ld:t,rc:f.Na.dc(i,h,a,d)}},tc:function(a,b,c,d,e){if(c===0||c===180)return[d,b];else if(c===90||c===270)return[a,e];else{c=Math.tan(-c*Math.PI/180);a=c*a-b;b=-1/c;d=b*d-e;e=b-c;return[(d-a)/e,(c*d-b*a)/e]}},dc:function(a,b,c,d){a=c-a;b=d-b;return Math.abs(a===0?
b:b===0?a:Math.sqrt(a*a+b*b))}};f.ea=function(){this.Gb=[];this.oc={}};f.ea.prototype={ba:function(a){var b=f.p.Ba(a),c=this.oc,d=this.Gb;if(!(b in c)){c[b]=d.length;d.push(a)}},Ha:function(a){a=f.p.Ba(a);var b=this.oc;if(a&&a in b){delete this.Gb[b[a]];delete b[a]}},xa:function(){for(var a=this.Gb,b=a.length;b--;)a[b]&&a[b]()}};f.Oa=new f.ea;f.Oa.Rd=function(){var a=this,b;if(!a.Sd){b=doc.documentElement.currentStyle.getAttribute(f.F+"poll-interval")||250;(function c(){a.xa();setTimeout(c,b)})();
a.Sd=1}};(function(){function a(){f.L.xa();window.detachEvent("onunload",a);window.PIE=null}f.L=new f.ea;window.attachEvent("onunload",a);f.L.ta=function(b,c,d){b.attachEvent(c,d);this.ba(function(){b.detachEvent(c,d)})}})();f.Qa=new f.ea;f.L.ta(window,"onresize",function(){f.Qa.xa()});(function(){function a(){f.mb.xa()}f.mb=new f.ea;f.L.ta(window,"onscroll",a);f.Qa.ba(a)})();(function(){function a(){c=f.kb.md()}function b(){if(c){for(var d=0,e=c.length;d<e;d++)f.attach(c[d]);c=0}}var c;if(f.ja<9){f.L.ta(window,
"onbeforeprint",a);f.L.ta(window,"onafterprint",b)}})();f.lb=new f.ea;f.L.ta(doc,"onmouseup",function(){f.lb.xa()});f.he=function(){function a(h){this.Y=h}var b=doc.createElement("length-calc"),c=doc.body||doc.documentElement,d=b.style,e={},g=["mm","cm","in","pt","pc"],j=g.length,i={};d.position="absolute";d.top=d.left="-9999px";for(c.appendChild(b);j--;){d.width="100"+g[j];e[g[j]]=b.offsetWidth/100}c.removeChild(b);d.width="1em";a.prototype={Kb:/(px|em|ex|mm|cm|in|pt|pc|%)$/,ic:function(){var h=
this.Jd;if(h===void 0)h=this.Jd=parseFloat(this.Y);return h},yb:function(){var h=this.ae;if(!h)h=this.ae=(h=this.Y.match(this.Kb))&&h[0]||"px";return h},a:function(h,k){var n=this.ic(),m=this.yb();switch(m){case "px":return n;case "%":return n*(typeof k==="function"?k():k)/100;case "em":return n*this.xb(h);case "ex":return n*this.xb(h)/2;default:return n*e[m]}},xb:function(h){var k=h.currentStyle.fontSize,n,m;if(k.indexOf("px")>0)return parseFloat(k);else if(h.tagName in f.cc){m=this;n=h.parentNode;
return f.n(k).a(n,function(){return m.xb(n)})}else{h.appendChild(b);k=b.offsetWidth;b.parentNode===h&&h.removeChild(b);return k}}};f.n=function(h){return i[h]||(i[h]=new a(h))};return a}();f.Ja=function(){function a(e){this.X=e}var b=f.n("50%"),c={top:1,center:1,bottom:1},d={left:1,center:1,right:1};a.prototype={zd:function(){if(!this.ac){var e=this.X,g=e.length,j=f.v,i=j.qa,h=f.n("0");i=i.na;h=["left",h,"top",h];if(g===1){e.push(new j.ob(i,"center"));g++}if(g===2){i&(e[0].k|e[1].k)&&e[0].d in c&&
e[1].d in d&&e.push(e.shift());if(e[0].k&i)if(e[0].d==="center")h[1]=b;else h[0]=e[0].d;else if(e[0].W())h[1]=f.n(e[0].d);if(e[1].k&i)if(e[1].d==="center")h[3]=b;else h[2]=e[1].d;else if(e[1].W())h[3]=f.n(e[1].d)}this.ac=h}return this.ac},coords:function(e,g,j){var i=this.zd(),h=i[1].a(e,g);e=i[3].a(e,j);return{x:i[0]==="right"?g-h:h,y:i[2]==="bottom"?j-e:e}}};return a}();f.Ka=function(){function a(b,c){this.h=b;this.f=c}a.prototype={a:function(b,c,d,e,g){var j=this.h,i=this.f,h=c/d;e=e/g;if(j===
"contain"){j=e>h?c:d*e;i=e>h?c/e:d}else if(j==="cover"){j=e<h?c:d*e;i=e<h?c/e:d}else if(j==="auto"){i=i==="auto"?g:i.a(b,d);j=i*e}else{j=j.a(b,c);i=i==="auto"?j/e:i.a(b,d)}return{h:j,f:i}}};a.Kc=new a("auto","auto");return a}();f.Ec=function(){function a(b){this.Y=b}a.prototype={Kb:/[a-z]+$/i,yb:function(){return this.ad||(this.ad=this.Y.match(this.Kb)[0].toLowerCase())},jd:function(){var b=this.Vc,c;if(b===undefined){b=this.yb();c=parseFloat(this.Y,10);b=this.Vc=b==="deg"?c:b==="rad"?c/Math.PI*180:
b==="grad"?c/400*360:b==="turn"?c*360:0}return b}};return a}();f.Jc=function(){function a(c){this.Y=c}var b={};a.Qd=/\s*rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d+|\d*\.\d+)\s*\)\s*/;a.Fb={aliceblue:"F0F8FF",antiquewhite:"FAEBD7",aqua:"0FF",aquamarine:"7FFFD4",azure:"F0FFFF",beige:"F5F5DC",bisque:"FFE4C4",black:"000",blanchedalmond:"FFEBCD",blue:"00F",blueviolet:"8A2BE2",brown:"A52A2A",burlywood:"DEB887",cadetblue:"5F9EA0",chartreuse:"7FFF00",chocolate:"D2691E",coral:"FF7F50",cornflowerblue:"6495ED",
cornsilk:"FFF8DC",crimson:"DC143C",cyan:"0FF",darkblue:"00008B",darkcyan:"008B8B",darkgoldenrod:"B8860B",darkgray:"A9A9A9",darkgreen:"006400",darkkhaki:"BDB76B",darkmagenta:"8B008B",darkolivegreen:"556B2F",darkorange:"FF8C00",darkorchid:"9932CC",darkred:"8B0000",darksalmon:"E9967A",darkseagreen:"8FBC8F",darkslateblue:"483D8B",darkslategray:"2F4F4F",darkturquoise:"00CED1",darkviolet:"9400D3",deeppink:"FF1493",deepskyblue:"00BFFF",dimgray:"696969",dodgerblue:"1E90FF",firebrick:"B22222",floralwhite:"FFFAF0",
forestgreen:"228B22",fuchsia:"F0F",gainsboro:"DCDCDC",ghostwhite:"F8F8FF",gold:"FFD700",goldenrod:"DAA520",gray:"808080",green:"008000",greenyellow:"ADFF2F",honeydew:"F0FFF0",hotpink:"FF69B4",indianred:"CD5C5C",indigo:"4B0082",ivory:"FFFFF0",khaki:"F0E68C",lavender:"E6E6FA",lavenderblush:"FFF0F5",lawngreen:"7CFC00",lemonchiffon:"FFFACD",lightblue:"ADD8E6",lightcoral:"F08080",lightcyan:"E0FFFF",lightgoldenrodyellow:"FAFAD2",lightgreen:"90EE90",lightgrey:"D3D3D3",lightpink:"FFB6C1",lightsalmon:"FFA07A",
lightseagreen:"20B2AA",lightskyblue:"87CEFA",lightslategray:"789",lightsteelblue:"B0C4DE",lightyellow:"FFFFE0",lime:"0F0",limegreen:"32CD32",linen:"FAF0E6",magenta:"F0F",maroon:"800000",mediumauqamarine:"66CDAA",mediumblue:"0000CD",mediumorchid:"BA55D3",mediumpurple:"9370D8",mediumseagreen:"3CB371",mediumslateblue:"7B68EE",mediumspringgreen:"00FA9A",mediumturquoise:"48D1CC",mediumvioletred:"C71585",midnightblue:"191970",mintcream:"F5FFFA",mistyrose:"FFE4E1",moccasin:"FFE4B5",navajowhite:"FFDEAD",
navy:"000080",oldlace:"FDF5E6",olive:"808000",olivedrab:"688E23",orange:"FFA500",orangered:"FF4500",orchid:"DA70D6",palegoldenrod:"EEE8AA",palegreen:"98FB98",paleturquoise:"AFEEEE",palevioletred:"D87093",papayawhip:"FFEFD5",peachpuff:"FFDAB9",peru:"CD853F",pink:"FFC0CB",plum:"DDA0DD",powderblue:"B0E0E6",purple:"800080",red:"F00",rosybrown:"BC8F8F",royalblue:"4169E1",saddlebrown:"8B4513",salmon:"FA8072",sandybrown:"F4A460",seagreen:"2E8B57",seashell:"FFF5EE",sienna:"A0522D",silver:"C0C0C0",skyblue:"87CEEB",
slateblue:"6A5ACD",slategray:"708090",snow:"FFFAFA",springgreen:"00FF7F",steelblue:"4682B4",tan:"D2B48C",teal:"008080",thistle:"D8BFD8",tomato:"FF6347",turquoise:"40E0D0",violet:"EE82EE",wheat:"F5DEB3",white:"FFF",whitesmoke:"F5F5F5",yellow:"FF0",yellowgreen:"9ACD32"};a.prototype={parse:function(){if(!this.Ua){var c=this.Y,d;if(d=c.match(a.Qd)){this.Ua="rgb("+d[1]+","+d[2]+","+d[3]+")";this.Yb=parseFloat(d[4])}else{if((d=c.toLowerCase())in a.Fb)c="#"+a.Fb[d];this.Ua=c;this.Yb=c==="transparent"?0:
1}}},U:function(c){this.parse();return this.Ua==="currentColor"?c.currentStyle.color:this.Ua},fa:function(){this.parse();return this.Yb}};f.ha=function(c){return b[c]||(b[c]=new a(c))};return a}();f.v=function(){function a(c){this.$a=c;this.ch=0;this.X=[];this.Ga=0}var b=a.qa={Ia:1,Wb:2,z:4,Lc:8,Xb:16,na:32,K:64,oa:128,pa:256,Ra:512,Tc:1024,URL:2048};a.ob=function(c,d){this.k=c;this.d=d};a.ob.prototype={Ca:function(){return this.k&b.K||this.k&b.oa&&this.d==="0"},W:function(){return this.Ca()||this.k&
b.Ra}};a.prototype={de:/\s/,Kd:/^[\+\-]?(\d*\.)?\d+/,url:/^url\(\s*("([^"]*)"|'([^']*)'|([!#$%&*-~]*))\s*\)/i,nc:/^\-?[_a-z][\w-]*/i,Yd:/^("([^"]*)"|'([^']*)')/,Bd:/^#([\da-f]{6}|[\da-f]{3})/i,be:{px:b.K,em:b.K,ex:b.K,mm:b.K,cm:b.K,"in":b.K,pt:b.K,pc:b.K,deg:b.Ia,rad:b.Ia,grad:b.Ia},fd:{rgb:1,rgba:1,hsl:1,hsla:1},next:function(c){function d(p,r){p=new a.ob(p,r);if(!c){k.X.push(p);k.Ga++}return p}function e(){k.Ga++;return null}var g,j,i,h,k=this;if(this.Ga<this.X.length)return this.X[this.Ga++];for(;this.de.test(this.$a.charAt(this.ch));)this.ch++;
if(this.ch>=this.$a.length)return e();j=this.ch;g=this.$a.substring(this.ch);i=g.charAt(0);switch(i){case "#":if(h=g.match(this.Bd)){this.ch+=h[0].length;return d(b.z,h[0])}break;case '"':case "'":if(h=g.match(this.Yd)){this.ch+=h[0].length;return d(b.Tc,h[2]||h[3]||"")}break;case "/":case ",":this.ch++;return d(b.pa,i);case "u":if(h=g.match(this.url)){this.ch+=h[0].length;return d(b.URL,h[2]||h[3]||h[4]||"")}}if(h=g.match(this.Kd)){i=h[0];this.ch+=i.length;if(g.charAt(i.length)==="%"){this.ch++;
return d(b.Ra,i+"%")}if(h=g.substring(i.length).match(this.nc)){i+=h[0];this.ch+=h[0].length;return d(this.be[h[0].toLowerCase()]||b.Lc,i)}return d(b.oa,i)}if(h=g.match(this.nc)){i=h[0];this.ch+=i.length;if(i.toLowerCase()in f.Jc.Fb||i==="currentColor"||i==="transparent")return d(b.z,i);if(g.charAt(i.length)==="("){this.ch++;if(i.toLowerCase()in this.fd){g=function(p){return p&&p.k&b.oa};h=function(p){return p&&p.k&(b.oa|b.Ra)};var n=function(p,r){return p&&p.d===r},m=function(){return k.next(1)};
if((i.charAt(0)==="r"?h(m()):g(m()))&&n(m(),",")&&h(m())&&n(m(),",")&&h(m())&&(i==="rgb"||i==="hsa"||n(m(),",")&&g(m()))&&n(m(),")"))return d(b.z,this.$a.substring(j,this.ch));return e()}return d(b.Xb,i)}return d(b.na,i)}this.ch++;return d(b.Wb,i)},D:function(){return this.X[this.Ga-- -2]},all:function(){for(;this.next(););return this.X},ma:function(c,d){for(var e=[],g,j;g=this.next();){if(c(g)){j=true;this.D();break}e.push(g)}return d&&!j?null:e}};return a}();var ha=function(a){this.e=a};ha.prototype=
{Z:0,Od:function(){var a=this.qb,b;return!a||(b=this.o())&&(a.x!==b.x||a.y!==b.y)},Td:function(){var a=this.qb,b;return!a||(b=this.o())&&(a.h!==b.h||a.f!==b.f)},hc:function(){var a=this.e,b=a.getBoundingClientRect(),c=f.ja===9,d=f.O===7,e=b.right-b.left;return{x:b.left,y:b.top,h:c||d?a.offsetWidth:e,f:c||d?a.offsetHeight:b.bottom-b.top,Hd:d&&e?a.offsetWidth/e:1}},o:function(){return this.Z?this.Va||(this.Va=this.hc()):this.hc()},Ad:function(){return!!this.qb},cb:function(){++this.Z},hb:function(){if(!--this.Z){if(this.Va)this.qb=
this.Va;this.Va=null}}};(function(){function a(b){var c=f.p.Ba(b);return function(){if(this.Z){var d=this.$b||(this.$b={});return c in d?d[c]:(d[c]=b.call(this))}else return b.call(this)}}f.B={Z:0,ka:function(b){function c(d){this.e=d;this.Zb=this.ia()}f.p.Eb(c.prototype,f.B,b);c.$c={};return c},j:function(){var b=this.ia(),c=this.constructor.$c;return b?b in c?c[b]:(c[b]=this.la(b)):null},ia:a(function(){var b=this.e,c=this.constructor,d=b.style;b=b.currentStyle;var e=this.wa,g=this.Fa,j=c.Yc||(c.Yc=
f.F+e);c=c.Zc||(c.Zc=f.nb+g.charAt(0).toUpperCase()+g.substring(1));return d[c]||b.getAttribute(j)||d[g]||b.getAttribute(e)}),i:a(function(){return!!this.j()}),H:a(function(){var b=this.ia(),c=b!==this.Zb;this.Zb=b;return c}),va:a,cb:function(){++this.Z},hb:function(){--this.Z||delete this.$b}}})();f.Sb=f.B.ka({wa:f.F+"background",Fa:f.nb+"Background",cd:{scroll:1,fixed:1,local:1},fb:{"repeat-x":1,"repeat-y":1,repeat:1,"no-repeat":1},sc:{"padding-box":1,"border-box":1,"content-box":1},Pd:{top:1,right:1,
bottom:1,left:1,center:1},Ud:{contain:1,cover:1},eb:{Ma:"backgroundClip",z:"backgroundColor",da:"backgroundImage",Pa:"backgroundOrigin",S:"backgroundPosition",T:"backgroundRepeat",Sa:"backgroundSize"},la:function(a){function b(s){return s&&s.W()||s.k&k&&s.d in t}function c(s){return s&&(s.W()&&f.n(s.d)||s.d==="auto"&&"auto")}var d=this.e.currentStyle,e,g,j,i=f.v.qa,h=i.pa,k=i.na,n=i.z,m,p,r=0,t=this.Pd,v,l,q={M:[]};if(this.wb()){e=new f.v(a);for(j={};g=e.next();){m=g.k;p=g.d;if(!j.P&&m&i.Xb&&p===
"linear-gradient"){v={ca:[],P:p};for(l={};g=e.next();){m=g.k;p=g.d;if(m&i.Wb&&p===")"){l.color&&v.ca.push(l);v.ca.length>1&&f.p.Eb(j,v);break}if(m&n){if(v.sa||v.zb){g=e.D();if(g.k!==h)break;e.next()}l={color:f.ha(p)};g=e.next();if(g.W())l.db=f.n(g.d);else e.D()}else if(m&i.Ia&&!v.sa&&!l.color&&!v.ca.length)v.sa=new f.Ec(g.d);else if(b(g)&&!v.zb&&!l.color&&!v.ca.length){e.D();v.zb=new f.Ja(e.ma(function(s){return!b(s)},false))}else if(m&h&&p===","){if(l.color){v.ca.push(l);l={}}}else break}}else if(!j.P&&
m&i.URL){j.Ab=p;j.P="image"}else if(b(g)&&!j.$){e.D();j.$=new f.Ja(e.ma(function(s){return!b(s)},false))}else if(m&k)if(p in this.fb&&!j.bb)j.bb=p;else if(p in this.sc&&!j.Wa){j.Wa=p;if((g=e.next())&&g.k&k&&g.d in this.sc)j.ub=g.d;else{j.ub=p;e.D()}}else if(p in this.cd&&!j.bc)j.bc=p;else return null;else if(m&n&&!q.color)q.color=f.ha(p);else if(m&h&&p==="/"&&!j.Xa&&j.$){g=e.next();if(g.k&k&&g.d in this.Ud)j.Xa=new f.Ka(g.d);else if(g=c(g)){m=c(e.next());if(!m){m=g;e.D()}j.Xa=new f.Ka(g,m)}else return null}else if(m&
h&&p===","&&j.P){j.Hb=a.substring(r,e.ch-1);r=e.ch;q.M.push(j);j={}}else return null}if(j.P){j.Hb=a.substring(r);q.M.push(j)}}else this.Bc(f.ja<9?function(){var s=this.eb,o=d[s.S+"X"],u=d[s.S+"Y"],x=d[s.da],y=d[s.z];if(y!=="transparent")q.color=f.ha(y);if(x!=="none")q.M=[{P:"image",Ab:(new f.v(x)).next().d,bb:d[s.T],$:new f.Ja((new f.v(o+" "+u)).all())}]}:function(){var s=this.eb,o=/\s*,\s*/,u=d[s.da].split(o),x=d[s.z],y,z,B,E,D,C;if(x!=="transparent")q.color=f.ha(x);if((E=u.length)&&u[0]!=="none"){x=
d[s.T].split(o);y=d[s.S].split(o);z=d[s.Pa].split(o);B=d[s.Ma].split(o);s=d[s.Sa].split(o);q.M=[];for(o=0;o<E;o++)if((D=u[o])&&D!=="none"){C=s[o].split(" ");q.M.push({Hb:D+" "+x[o]+" "+y[o]+" / "+s[o]+" "+z[o]+" "+B[o],P:"image",Ab:(new f.v(D)).next().d,bb:x[o],$:new f.Ja((new f.v(y[o])).all()),Wa:z[o],ub:B[o],Xa:new f.Ka(C[0],C[1])})}}});return q.color||q.M[0]?q:null},Bc:function(a){var b=f.ja>8,c=this.eb,d=this.e.runtimeStyle,e=d[c.da],g=d[c.z],j=d[c.T],i,h,k,n;if(e)d[c.da]="";if(g)d[c.z]="";if(j)d[c.T]=
"";if(b){i=d[c.Ma];h=d[c.Pa];n=d[c.S];k=d[c.Sa];if(i)d[c.Ma]="";if(h)d[c.Pa]="";if(n)d[c.S]="";if(k)d[c.Sa]=""}a=a.call(this);if(e)d[c.da]=e;if(g)d[c.z]=g;if(j)d[c.T]=j;if(b){if(i)d[c.Ma]=i;if(h)d[c.Pa]=h;if(n)d[c.S]=n;if(k)d[c.Sa]=k}return a},ia:f.B.va(function(){return this.wb()||this.Bc(function(){var a=this.e.currentStyle,b=this.eb;return a[b.z]+" "+a[b.da]+" "+a[b.T]+" "+a[b.S+"X"]+" "+a[b.S+"Y"]})}),wb:f.B.va(function(){var a=this.e;return a.style[this.Fa]||a.currentStyle.getAttribute(this.wa)}),
qc:function(){var a=0;if(f.O<7){a=this.e;a=""+(a.style[f.nb+"PngFix"]||a.currentStyle.getAttribute(f.F+"png-fix"))==="true"}return a},i:f.B.va(function(){return(this.wb()||this.qc())&&!!this.j()})});f.Vb=f.B.ka({wc:["Top","Right","Bottom","Left"],Id:{thin:"1px",medium:"3px",thick:"5px"},la:function(){var a={},b={},c={},d=false,e=true,g=true,j=true;this.Cc(function(){for(var i=this.e.currentStyle,h=0,k,n,m,p,r,t,v;h<4;h++){m=this.wc[h];v=m.charAt(0).toLowerCase();k=b[v]=i["border"+m+"Style"];n=i["border"+
m+"Color"];m=i["border"+m+"Width"];if(h>0){if(k!==p)g=false;if(n!==r)e=false;if(m!==t)j=false}p=k;r=n;t=m;c[v]=f.ha(n);m=a[v]=f.n(b[v]==="none"?"0":this.Id[m]||m);if(m.a(this.e)>0)d=true}});return d?{J:a,Zd:b,gd:c,ee:j,hd:e,$d:g}:null},ia:f.B.va(function(){var a=this.e,b=a.currentStyle,c;a.tagName in f.Ac&&a.offsetParent.currentStyle.borderCollapse==="collapse"||this.Cc(function(){c=b.borderWidth+"|"+b.borderStyle+"|"+b.borderColor});return c}),Cc:function(a){var b=this.e.runtimeStyle,c=b.borderWidth,
d=b.borderColor;if(c)b.borderWidth="";if(d)b.borderColor="";a=a.call(this);if(c)b.borderWidth=c;if(d)b.borderColor=d;return a}});(function(){f.jb=f.B.ka({wa:"border-radius",Fa:"borderRadius",la:function(b){var c=null,d,e,g,j,i=false;if(b){e=new f.v(b);var h=function(){for(var k=[],n;(g=e.next())&&g.W();){j=f.n(g.d);n=j.ic();if(n<0)return null;if(n>0)i=true;k.push(j)}return k.length>0&&k.length<5?{tl:k[0],tr:k[1]||k[0],br:k[2]||k[0],bl:k[3]||k[1]||k[0]}:null};if(b=h()){if(g){if(g.k&f.v.qa.pa&&g.d===
"/")d=h()}else d=b;if(i&&b&&d)c={x:b,y:d}}}return c}});var a=f.n("0");a={tl:a,tr:a,br:a,bl:a};f.jb.Dc={x:a,y:a}})();f.Ub=f.B.ka({wa:"border-image",Fa:"borderImage",fb:{stretch:1,round:1,repeat:1,space:1},la:function(a){var b=null,c,d,e,g,j,i,h=0,k=f.v.qa,n=k.na,m=k.oa,p=k.Ra;if(a){c=new f.v(a);b={};for(var r=function(l){return l&&l.k&k.pa&&l.d==="/"},t=function(l){return l&&l.k&n&&l.d==="fill"},v=function(){g=c.ma(function(l){return!(l.k&(m|p))});if(t(c.next())&&!b.fill)b.fill=true;else c.D();if(r(c.next())){h++;
j=c.ma(function(l){return!l.W()&&!(l.k&n&&l.d==="auto")});if(r(c.next())){h++;i=c.ma(function(l){return!l.Ca()})}}else c.D()};a=c.next();){d=a.k;e=a.d;if(d&(m|p)&&!g){c.D();v()}else if(t(a)&&!b.fill){b.fill=true;v()}else if(d&n&&this.fb[e]&&!b.repeat){b.repeat={f:e};if(a=c.next())if(a.k&n&&this.fb[a.d])b.repeat.Ob=a.d;else c.D()}else if(d&k.URL&&!b.src)b.src=e;else return null}if(!b.src||!g||g.length<1||g.length>4||j&&j.length>4||h===1&&j.length<1||i&&i.length>4||h===2&&i.length<1)return null;if(!b.repeat)b.repeat=
{f:"stretch"};if(!b.repeat.Ob)b.repeat.Ob=b.repeat.f;a=function(l,q){return{t:q(l[0]),r:q(l[1]||l[0]),b:q(l[2]||l[0]),l:q(l[3]||l[1]||l[0])}};b.slice=a(g,function(l){return f.n(l.k&m?l.d+"px":l.d)});if(j&&j[0])b.J=a(j,function(l){return l.W()?f.n(l.d):l.d});if(i&&i[0])b.Da=a(i,function(l){return l.Ca()?f.n(l.d):l.d})}return b}});f.Ic=f.B.ka({wa:"box-shadow",Fa:"boxShadow",la:function(a){var b,c=f.n,d=f.v.qa,e;if(a){e=new f.v(a);b={Da:[],Bb:[]};for(a=function(){for(var g,j,i,h,k,n;g=e.next();){i=g.d;
j=g.k;if(j&d.pa&&i===",")break;else if(g.Ca()&&!k){e.D();k=e.ma(function(m){return!m.Ca()})}else if(j&d.z&&!h)h=i;else if(j&d.na&&i==="inset"&&!n)n=true;else return false}g=k&&k.length;if(g>1&&g<5){(n?b.Bb:b.Da).push({fe:c(k[0].d),ge:c(k[1].d),blur:c(k[2]?k[2].d:"0"),Vd:c(k[3]?k[3].d:"0"),color:f.ha(h||"currentColor")});return true}return false};a(););}return b&&(b.Bb.length||b.Da.length)?b:null}});f.Uc=f.B.ka({ia:f.B.va(function(){var a=this.e.currentStyle;return a.visibility+"|"+a.display}),la:function(){var a=
this.e,b=a.runtimeStyle;a=a.currentStyle;var c=b.visibility,d;b.visibility="";d=a.visibility;b.visibility=c;return{ce:d!=="hidden",nd:a.display!=="none"}},i:function(){return false}});f.u={R:function(a){function b(c,d,e,g){this.e=c;this.s=d;this.g=e;this.parent=g}f.p.Eb(b.prototype,f.u,a);return b},Cb:false,Q:function(){return false},Ea:f.aa,Lb:function(){this.m();this.i()&&this.V()},ib:function(){this.Cb=true},Mb:function(){this.i()?this.V():this.m()},sb:function(a,b){this.vc(a);for(var c=this.ra||
(this.ra=[]),d=a+1,e=c.length,g;d<e;d++)if(g=c[d])break;c[a]=b;this.I().insertBefore(b,g||null)},za:function(a){var b=this.ra;return b&&b[a]||null},vc:function(a){var b=this.za(a),c=this.Ta;if(b&&c){c.removeChild(b);this.ra[a]=null}},Aa:function(a,b,c,d){var e=this.rb||(this.rb={}),g=e[a];if(!g){g=e[a]=f.p.Za("shape");if(b)g.appendChild(g[b]=f.p.Za(b));if(d){c=this.za(d);if(!c){this.sb(d,doc.createElement("group"+d));c=this.za(d)}}c.appendChild(g);a=g.style;a.position="absolute";a.left=a.top=0;a.behavior=
"url(#default#VML)"}return g},vb:function(a){var b=this.rb,c=b&&b[a];if(c){c.parentNode.removeChild(c);delete b[a]}return!!c},kc:function(a){var b=this.e,c=this.s.o(),d=c.h,e=c.f,g,j,i,h,k,n;c=a.x.tl.a(b,d);g=a.y.tl.a(b,e);j=a.x.tr.a(b,d);i=a.y.tr.a(b,e);h=a.x.br.a(b,d);k=a.y.br.a(b,e);n=a.x.bl.a(b,d);a=a.y.bl.a(b,e);d=Math.min(d/(c+j),e/(i+k),d/(n+h),e/(g+a));if(d<1){c*=d;g*=d;j*=d;i*=d;h*=d;k*=d;n*=d;a*=d}return{x:{tl:c,tr:j,br:h,bl:n},y:{tl:g,tr:i,br:k,bl:a}}},ya:function(a,b,c){b=b||1;var d,e,
g=this.s.o();e=g.h*b;g=g.f*b;var j=this.g.G,i=Math.floor,h=Math.ceil,k=a?a.Jb*b:0,n=a?a.Ib*b:0,m=a?a.tb*b:0;a=a?a.Db*b:0;var p,r,t,v,l;if(c||j.i()){d=this.kc(c||j.j());c=d.x.tl*b;j=d.y.tl*b;p=d.x.tr*b;r=d.y.tr*b;t=d.x.br*b;v=d.y.br*b;l=d.x.bl*b;b=d.y.bl*b;e="m"+i(a)+","+i(j)+"qy"+i(c)+","+i(k)+"l"+h(e-p)+","+i(k)+"qx"+h(e-n)+","+i(r)+"l"+h(e-n)+","+h(g-v)+"qy"+h(e-t)+","+h(g-m)+"l"+i(l)+","+h(g-m)+"qx"+i(a)+","+h(g-b)+" x e"}else e="m"+i(a)+","+i(k)+"l"+h(e-n)+","+i(k)+"l"+h(e-n)+","+h(g-m)+"l"+i(a)+
","+h(g-m)+"xe";return e},I:function(){var a=this.parent.za(this.N),b;if(!a){a=doc.createElement(this.Ya);b=a.style;b.position="absolute";b.top=b.left=0;this.parent.sb(this.N,a)}return a},mc:function(){var a=this.e,b=a.currentStyle,c=a.runtimeStyle,d=a.tagName,e=f.O===6,g;if(e&&(d in f.cc||d==="FIELDSET")||d==="BUTTON"||d==="INPUT"&&a.type in f.Gd){c.borderWidth="";d=this.g.w.wc;for(g=d.length;g--;){e=d[g];c["padding"+e]="";c["padding"+e]=f.n(b["padding"+e]).a(a)+f.n(b["border"+e+"Width"]).a(a)+(f.O!==
8&&g%2?1:0)}c.borderWidth=0}else if(e){if(a.childNodes.length!==1||a.firstChild.tagName!=="ie6-mask"){b=doc.createElement("ie6-mask");d=b.style;d.visibility="visible";for(d.zoom=1;d=a.firstChild;)b.appendChild(d);a.appendChild(b);c.visibility="hidden"}}else c.borderColor="transparent"},ie:function(){},m:function(){this.parent.vc(this.N);delete this.rb;delete this.ra}};f.Rc=f.u.R({i:function(){var a=this.ed;for(var b in a)if(a.hasOwnProperty(b)&&a[b].i())return true;return false},Q:function(){return this.g.Pb.H()},
ib:function(){if(this.i()){var a=this.jc(),b=a,c;a=a.currentStyle;var d=a.position,e=this.I().style,g=0,j=0;j=this.s.o();var i=j.Hd;if(d==="fixed"&&f.O>6){g=j.x*i;j=j.y*i;b=d}else{do b=b.offsetParent;while(b&&b.currentStyle.position==="static");if(b){c=b.getBoundingClientRect();b=b.currentStyle;g=(j.x-c.left)*i-(parseFloat(b.borderLeftWidth)||0);j=(j.y-c.top)*i-(parseFloat(b.borderTopWidth)||0)}else{b=doc.documentElement;g=(j.x+b.scrollLeft-b.clientLeft)*i;j=(j.y+b.scrollTop-b.clientTop)*i}b="absolute"}e.position=
b;e.left=g;e.top=j;e.zIndex=d==="static"?-1:a.zIndex;this.Cb=true}},Mb:f.aa,Nb:function(){var a=this.g.Pb.j();this.I().style.display=a.ce&&a.nd?"":"none"},Lb:function(){this.i()?this.Nb():this.m()},jc:function(){var a=this.e;return a.tagName in f.Ac?a.offsetParent:a},I:function(){var a=this.Ta,b;if(!a){b=this.jc();a=this.Ta=doc.createElement("css3-container");a.style.direction="ltr";this.Nb();b.parentNode.insertBefore(a,b)}return a},ab:f.aa,m:function(){var a=this.Ta,b;if(a&&(b=a.parentNode))b.removeChild(a);
delete this.Ta;delete this.ra}});f.Fc=f.u.R({N:2,Ya:"background",Q:function(){var a=this.g;return a.C.H()||a.G.H()},i:function(){var a=this.g;return a.q.i()||a.G.i()||a.C.i()||a.ga.i()&&a.ga.j().Bb},V:function(){var a=this.s.o();if(a.h&&a.f){this.od();this.pd()}},od:function(){var a=this.g.C.j(),b=this.s.o(),c=this.e,d=a&&a.color,e,g;if(d&&d.fa()>0){this.lc();a=this.Aa("bgColor","fill",this.I(),1);e=b.h;b=b.f;a.stroked=false;a.coordsize=e*2+","+b*2;a.coordorigin="1,1";a.path=this.ya(null,2);g=a.style;
g.width=e;g.height=b;a.fill.color=d.U(c);c=d.fa();if(c<1)a.fill.opacity=c}else this.vb("bgColor")},pd:function(){var a=this.g.C.j(),b=this.s.o();a=a&&a.M;var c,d,e,g,j;if(a){this.lc();d=b.h;e=b.f;for(j=a.length;j--;){b=a[j];c=this.Aa("bgImage"+j,"fill",this.I(),2);c.stroked=false;c.fill.type="tile";c.fillcolor="none";c.coordsize=d*2+","+e*2;c.coordorigin="1,1";c.path=this.ya(0,2);g=c.style;g.width=d;g.height=e;if(b.P==="linear-gradient")this.bd(c,b);else{c.fill.src=b.Ab;this.Nd(c,j)}}}for(j=a?a.length:
0;this.vb("bgImage"+j++););},Nd:function(a,b){var c=this;f.p.Rb(a.fill.src,function(d){var e=c.e,g=c.s.o(),j=g.h;g=g.f;if(j&&g){var i=a.fill,h=c.g,k=h.w.j(),n=k&&k.J;k=n?n.t.a(e):0;var m=n?n.r.a(e):0,p=n?n.b.a(e):0;n=n?n.l.a(e):0;h=h.C.j().M[b];e=h.$?h.$.coords(e,j-d.h-n-m,g-d.f-k-p):{x:0,y:0};h=h.bb;p=m=0;var r=j+1,t=g+1,v=f.O===8?0:1;n=Math.round(e.x)+n+0.5;k=Math.round(e.y)+k+0.5;i.position=n/j+","+k/g;i.size.x=1;i.size=d.h+"px,"+d.f+"px";if(h&&h!=="repeat"){if(h==="repeat-x"||h==="no-repeat"){m=
k+1;t=k+d.f+v}if(h==="repeat-y"||h==="no-repeat"){p=n+1;r=n+d.h+v}a.style.clip="rect("+m+"px,"+r+"px,"+t+"px,"+p+"px)"}}})},bd:function(a,b){var c=this.e,d=this.s.o(),e=d.h,g=d.f;a=a.fill;d=b.ca;var j=d.length,i=Math.PI,h=f.Na,k=h.tc,n=h.dc;b=h.gc(c,e,g,b);h=b.sa;var m=b.xc,p=b.yc,r=b.Wd,t=b.Xd,v=b.rd,l=b.sd,q=b.kd,s=b.ld;b=b.rc;e=h%90?Math.atan2(q*e/g,s)/i*180:h+90;e+=180;e%=360;v=k(r,t,h,v,l);g=n(r,t,v[0],v[1]);i=[];v=k(m,p,h,r,t);n=n(m,p,v[0],v[1])/g*100;k=[];for(h=0;h<j;h++)k.push(d[h].db?d[h].db.a(c,
b):h===0?0:h===j-1?b:null);for(h=1;h<j;h++){if(k[h]===null){m=k[h-1];b=h;do p=k[++b];while(p===null);k[h]=m+(p-m)/(b-h+1)}k[h]=Math.max(k[h],k[h-1])}for(h=0;h<j;h++)i.push(n+k[h]/g*100+"% "+d[h].color.U(c));a.angle=e;a.type="gradient";a.method="sigma";a.color=d[0].color.U(c);a.color2=d[j-1].color.U(c);if(a.colors)a.colors.value=i.join(",");else a.colors=i.join(",")},lc:function(){var a=this.e.runtimeStyle;a.backgroundImage="url(about:blank)";a.backgroundColor="transparent"},m:function(){f.u.m.call(this);
var a=this.e.runtimeStyle;a.backgroundImage=a.backgroundColor=""}});f.Gc=f.u.R({N:4,Ya:"border",Q:function(){var a=this.g;return a.w.H()||a.G.H()},i:function(){var a=this.g;return a.G.i()&&!a.q.i()&&a.w.i()},V:function(){var a=this.e,b=this.g.w.j(),c=this.s.o(),d=c.h;c=c.f;var e,g,j,i,h;if(b){this.mc();b=this.wd(2);i=0;for(h=b.length;i<h;i++){j=b[i];e=this.Aa("borderPiece"+i,j.stroke?"stroke":"fill",this.I());e.coordsize=d*2+","+c*2;e.coordorigin="1,1";e.path=j.path;g=e.style;g.width=d;g.height=c;
e.filled=!!j.fill;e.stroked=!!j.stroke;if(j.stroke){e=e.stroke;e.weight=j.Qb+"px";e.color=j.color.U(a);e.dashstyle=j.stroke==="dashed"?"2 2":j.stroke==="dotted"?"1 1":"solid";e.linestyle=j.stroke==="double"&&j.Qb>2?"ThinThin":"Single"}else e.fill.color=j.fill.U(a)}for(;this.vb("borderPiece"+i++););}},wd:function(a){var b=this.e,c,d,e,g=this.g.w,j=[],i,h,k,n,m=Math.round,p,r,t;if(g.i()){c=g.j();g=c.J;r=c.Zd;t=c.gd;if(c.ee&&c.$d&&c.hd){if(t.t.fa()>0){c=g.t.a(b);k=c/2;j.push({path:this.ya({Jb:k,Ib:k,
tb:k,Db:k},a),stroke:r.t,color:t.t,Qb:c})}}else{a=a||1;c=this.s.o();d=c.h;e=c.f;c=m(g.t.a(b));k=m(g.r.a(b));n=m(g.b.a(b));b=m(g.l.a(b));var v={t:c,r:k,b:n,l:b};b=this.g.G;if(b.i())p=this.kc(b.j());i=Math.floor;h=Math.ceil;var l=function(o,u){return p?p[o][u]:0},q=function(o,u,x,y,z,B){var E=l("x",o),D=l("y",o),C=o.charAt(1)==="r";o=o.charAt(0)==="b";return E>0&&D>0?(B?"al":"ae")+(C?h(d-E):i(E))*a+","+(o?h(e-D):i(D))*a+","+(i(E)-u)*a+","+(i(D)-x)*a+","+y*65535+","+2949075*(z?1:-1):(B?"m":"l")+(C?d-
u:u)*a+","+(o?e-x:x)*a},s=function(o,u,x,y){var z=o==="t"?i(l("x","tl"))*a+","+h(u)*a:o==="r"?h(d-u)*a+","+i(l("y","tr"))*a:o==="b"?h(d-l("x","br"))*a+","+i(e-u)*a:i(u)*a+","+h(e-l("y","bl"))*a;o=o==="t"?h(d-l("x","tr"))*a+","+h(u)*a:o==="r"?h(d-u)*a+","+h(e-l("y","br"))*a:o==="b"?i(l("x","bl"))*a+","+i(e-u)*a:i(u)*a+","+i(l("y","tl"))*a;return x?(y?"m"+o:"")+"l"+z:(y?"m"+z:"")+"l"+o};b=function(o,u,x,y,z,B){var E=o==="l"||o==="r",D=v[o],C,F;if(D>0&&r[o]!=="none"&&t[o].fa()>0){C=v[E?o:u];u=v[E?u:
o];F=v[E?o:x];x=v[E?x:o];if(r[o]==="dashed"||r[o]==="dotted"){j.push({path:q(y,C,u,B+45,0,1)+q(y,0,0,B,1,0),fill:t[o]});j.push({path:s(o,D/2,0,1),stroke:r[o],Qb:D,color:t[o]});j.push({path:q(z,F,x,B,0,1)+q(z,0,0,B-45,1,0),fill:t[o]})}else j.push({path:q(y,C,u,B+45,0,1)+s(o,D,0,0)+q(z,F,x,B,0,0)+(r[o]==="double"&&D>2?q(z,F-i(F/3),x-i(x/3),B-45,1,0)+s(o,h(D/3*2),1,0)+q(y,C-i(C/3),u-i(u/3),B,1,0)+"x "+q(y,i(C/3),i(u/3),B+45,0,1)+s(o,i(D/3),1,0)+q(z,i(F/3),i(x/3),B,0,0):"")+q(z,0,0,B-45,1,0)+s(o,0,1,
0)+q(y,0,0,B,1,0),fill:t[o]})}};b("t","l","r","tl","tr",90);b("r","t","b","tr","br",0);b("b","r","l","br","bl",-90);b("l","b","t","bl","tl",-180)}}return j},m:function(){if(this.ec||!this.g.q.i())this.e.runtimeStyle.borderColor="";f.u.m.call(this)}});f.Tb=f.u.R({N:5,Md:["t","tr","r","br","b","bl","l","tl","c"],Q:function(){return this.g.q.H()},i:function(){return this.g.q.i()},V:function(){this.I();var a=this.g.q.j(),b=this.g.w.j(),c=this.s.o(),d=this.e,e=this.uc;f.p.Rb(a.src,function(g){function j(s,
o,u,x,y){s=e[s].style;var z=Math.max;s.width=z(o,0);s.height=z(u,0);s.left=x;s.top=y}function i(s,o,u){for(var x=0,y=s.length;x<y;x++)e[s[x]].imagedata[o]=u}var h=c.h,k=c.f,n=f.n("0"),m=a.J||(b?b.J:{t:n,r:n,b:n,l:n});n=m.t.a(d);var p=m.r.a(d),r=m.b.a(d);m=m.l.a(d);var t=a.slice,v=t.t.a(d),l=t.r.a(d),q=t.b.a(d);t=t.l.a(d);j("tl",m,n,0,0);j("t",h-m-p,n,m,0);j("tr",p,n,h-p,0);j("r",p,k-n-r,h-p,n);j("br",p,r,h-p,k-r);j("b",h-m-p,r,m,k-r);j("bl",m,r,0,k-r);j("l",m,k-n-r,0,n);j("c",h-m-p,k-n-r,m,n);i(["tl",
"t","tr"],"cropBottom",(g.f-v)/g.f);i(["tl","l","bl"],"cropRight",(g.h-t)/g.h);i(["bl","b","br"],"cropTop",(g.f-q)/g.f);i(["tr","r","br"],"cropLeft",(g.h-l)/g.h);i(["l","r","c"],"cropTop",v/g.f);i(["l","r","c"],"cropBottom",q/g.f);i(["t","b","c"],"cropLeft",t/g.h);i(["t","b","c"],"cropRight",l/g.h);e.c.style.display=a.fill?"":"none"},this)},I:function(){var a=this.parent.za(this.N),b,c,d,e=this.Md,g=e.length;if(!a){a=doc.createElement("border-image");b=a.style;b.position="absolute";this.uc={};for(d=
0;d<g;d++){c=this.uc[e[d]]=f.p.Za("rect");c.appendChild(f.p.Za("imagedata"));b=c.style;b.behavior="url(#default#VML)";b.position="absolute";b.top=b.left=0;c.imagedata.src=this.g.q.j().src;c.stroked=false;c.filled=false;a.appendChild(c)}this.parent.sb(this.N,a)}return a},Ea:function(){if(this.i()){var a=this.e,b=a.runtimeStyle,c=this.g.q.j().J;b.borderStyle="solid";if(c){b.borderTopWidth=c.t.a(a)+"px";b.borderRightWidth=c.r.a(a)+"px";b.borderBottomWidth=c.b.a(a)+"px";b.borderLeftWidth=c.l.a(a)+"px"}this.mc()}},
m:function(){var a=this.e.runtimeStyle;a.borderStyle="";if(this.ec||!this.g.w.i())a.borderColor=a.borderWidth="";f.u.m.call(this)}});f.Hc=f.u.R({N:1,Ya:"outset-box-shadow",Q:function(){var a=this.g;return a.ga.H()||a.G.H()},i:function(){var a=this.g.ga;return a.i()&&a.j().Da[0]},V:function(){function a(C,F,O,H,M,P,I){C=b.Aa("shadow"+C+F,"fill",d,j-C);F=C.fill;C.coordsize=n*2+","+m*2;C.coordorigin="1,1";C.stroked=false;C.filled=true;F.color=M.U(c);if(P){F.type="gradienttitle";F.color2=F.color;F.opacity=
0}C.path=I;l=C.style;l.left=O;l.top=H;l.width=n;l.height=m;return C}var b=this,c=this.e,d=this.I(),e=this.g,g=e.ga.j().Da;e=e.G.j();var j=g.length,i=j,h,k=this.s.o(),n=k.h,m=k.f;k=f.O===8?1:0;for(var p=["tl","tr","br","bl"],r,t,v,l,q,s,o,u,x,y,z,B,E,D;i--;){t=g[i];q=t.fe.a(c);s=t.ge.a(c);h=t.Vd.a(c);o=t.blur.a(c);t=t.color;u=-h-o;if(!e&&o)e=f.jb.Dc;u=this.ya({Jb:u,Ib:u,tb:u,Db:u},2,e);if(o){x=(h+o)*2+n;y=(h+o)*2+m;z=x?o*2/x:0;B=y?o*2/y:0;if(o-h>n/2||o-h>m/2)for(h=4;h--;){r=p[h];E=r.charAt(0)==="b";
D=r.charAt(1)==="r";r=a(i,r,q,s,t,o,u);v=r.fill;v.focusposition=(D?1-z:z)+","+(E?1-B:B);v.focussize="0,0";r.style.clip="rect("+((E?y/2:0)+k)+"px,"+(D?x:x/2)+"px,"+(E?y:y/2)+"px,"+((D?x/2:0)+k)+"px)"}else{r=a(i,"",q,s,t,o,u);v=r.fill;v.focusposition=z+","+B;v.focussize=1-z*2+","+(1-B*2)}}else{r=a(i,"",q,s,t,o,u);q=t.fa();if(q<1)r.fill.opacity=q}}}});f.Pc=f.u.R({N:6,Ya:"imgEl",Q:function(){var a=this.g;return this.e.src!==this.Xc||a.G.H()},i:function(){var a=this.g;return a.G.i()||a.C.qc()},V:function(){this.Xc=
j;this.Cd();var a=this.Aa("img","fill",this.I()),b=a.fill,c=this.s.o(),d=c.h;c=c.f;var e=this.g.w.j(),g=e&&e.J;e=this.e;var j=e.src,i=Math.round,h=e.currentStyle,k=f.n;if(!g||f.O<7){g=f.n("0");g={t:g,r:g,b:g,l:g}}a.stroked=false;b.type="frame";b.src=j;b.position=(d?0.5/d:0)+","+(c?0.5/c:0);a.coordsize=d*2+","+c*2;a.coordorigin="1,1";a.path=this.ya({Jb:i(g.t.a(e)+k(h.paddingTop).a(e)),Ib:i(g.r.a(e)+k(h.paddingRight).a(e)),tb:i(g.b.a(e)+k(h.paddingBottom).a(e)),Db:i(g.l.a(e)+k(h.paddingLeft).a(e))},
2);a=a.style;a.width=d;a.height=c},Cd:function(){this.e.runtimeStyle.filter="alpha(opacity=0)"},m:function(){f.u.m.call(this);this.e.runtimeStyle.filter=""}});f.Oc=f.u.R({ib:f.aa,Mb:f.aa,Nb:f.aa,Lb:f.aa,Ld:/^,+|,+$/g,Fd:/,+/g,gb:function(a,b){(this.pb||(this.pb=[]))[a]=b||void 0},ab:function(){var a=this.pb,b;if(a&&(b=a.join(",").replace(this.Ld,"").replace(this.Fd,","))!==this.Wc)this.Wc=this.e.runtimeStyle.background=b},m:function(){this.e.runtimeStyle.background="";delete this.pb}});f.Mc=f.u.R({ua:1,
Q:function(){return this.g.C.H()},i:function(){var a=this.g;return a.C.i()||a.q.i()},V:function(){var a=this.g.C.j(),b,c,d=0,e,g;if(a){b=[];if(c=a.M)for(;e=c[d++];)if(e.P==="linear-gradient"){g=this.vd(e.Wa);g=(e.Xa||f.Ka.Kc).a(this.e,g.h,g.f,g.h,g.f);b.push("url(data:image/svg+xml,"+escape(this.xd(e,g.h,g.f))+") "+this.dd(e.$)+" / "+g.h+"px "+g.f+"px "+(e.bc||"")+" "+(e.Wa||"")+" "+(e.ub||""))}else b.push(e.Hb);a.color&&b.push(a.color.Y);this.parent.gb(this.ua,b.join(","))}},dd:function(a){return a?
a.X.map(function(b){return b.d}).join(" "):"0 0"},vd:function(a){var b=this.e,c=this.s.o(),d=c.h;c=c.f;var e;if(a!=="border-box")if((e=this.g.w.j())&&(e=e.J)){d-=e.l.a(b)+e.l.a(b);c-=e.t.a(b)+e.b.a(b)}if(a==="content-box"){a=f.n;e=b.currentStyle;d-=a(e.paddingLeft).a(b)+a(e.paddingRight).a(b);c-=a(e.paddingTop).a(b)+a(e.paddingBottom).a(b)}return{h:d,f:c}},xd:function(a,b,c){var d=this.e,e=a.ca,g=e.length,j=f.Na.gc(d,b,c,a);a=j.xc;var i=j.yc,h=j.td,k=j.ud;j=j.rc;var n,m,p,r,t;n=[];for(m=0;m<g;m++)n.push(e[m].db?
e[m].db.a(d,j):m===0?0:m===g-1?j:null);for(m=1;m<g;m++)if(n[m]===null){r=n[m-1];p=m;do t=n[++p];while(t===null);n[m]=r+(t-r)/(p-m+1)}b=['<svg width="'+b+'" height="'+c+'" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="g" gradientUnits="userSpaceOnUse" x1="'+a/b*100+'%" y1="'+i/c*100+'%" x2="'+h/b*100+'%" y2="'+k/c*100+'%">'];for(m=0;m<g;m++)b.push('<stop offset="'+n[m]/j+'" stop-color="'+e[m].color.U(d)+'" stop-opacity="'+e[m].color.fa()+'"/>');b.push('</linearGradient></defs><rect width="100%" height="100%" fill="url(#g)"/></svg>');
return b.join("")},m:function(){this.parent.gb(this.ua)}});f.Nc=f.u.R({T:"repeat",Sc:"stretch",Qc:"round",ua:0,Q:function(){return this.g.q.H()},i:function(){return this.g.q.i()},V:function(){var a=this,b=a.g.q.j(),c=a.g.w.j(),d=a.s.o(),e=b.repeat,g=e.f,j=e.Ob,i=a.e,h=0;f.p.Rb(b.src,function(k){function n(Q,R,U,V,W,Y,X,S,w,A){K.push('<pattern patternUnits="userSpaceOnUse" id="pattern'+G+'" x="'+(g===l?Q+U/2-w/2:Q)+'" y="'+(j===l?R+V/2-A/2:R)+'" width="'+w+'" height="'+A+'"><svg width="'+w+'" height="'+
A+'" viewBox="'+W+" "+Y+" "+X+" "+S+'" preserveAspectRatio="none"><image xlink:href="'+v+'" x="0" y="0" width="'+r+'" height="'+t+'" /></svg></pattern>');J.push('<rect x="'+Q+'" y="'+R+'" width="'+U+'" height="'+V+'" fill="url(#pattern'+G+')" />');G++}var m=d.h,p=d.f,r=k.h,t=k.f,v=a.Dd(b.src,r,t),l=a.T,q=a.Sc;k=a.Qc;var s=Math.ceil,o=f.n("0"),u=b.J||(c?c.J:{t:o,r:o,b:o,l:o});o=u.t.a(i);var x=u.r.a(i),y=u.b.a(i);u=u.l.a(i);var z=b.slice,B=z.t.a(i),E=z.r.a(i),D=z.b.a(i);z=z.l.a(i);var C=m-u-x,F=p-o-
y,O=r-z-E,H=t-B-D,M=g===q?C:O*o/B,P=j===q?F:H*x/E,I=g===q?C:O*y/D;q=j===q?F:H*u/z;var K=[],J=[],G=0;if(g===k){M-=(M-(C%M||M))/s(C/M);I-=(I-(C%I||I))/s(C/I)}if(j===k){P-=(P-(F%P||P))/s(F/P);q-=(q-(F%q||q))/s(F/q)}k=['<svg width="'+m+'" height="'+p+'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">'];n(0,0,u,o,0,0,z,B,u,o);n(u,0,C,o,z,0,O,B,M,o);n(m-x,0,x,o,r-E,0,E,B,x,o);n(0,o,u,F,0,B,z,H,u,q);if(b.fill)n(u,o,C,F,z,B,O,H,M||I||O,q||P||H);n(m-x,o,x,F,r-E,B,E,H,x,P);n(0,
p-y,u,y,0,t-D,z,D,u,y);n(u,p-y,C,y,z,t-D,O,D,I,y);n(m-x,p-y,x,y,r-E,t-D,E,D,x,y);k.push("<defs>"+K.join("\n")+"</defs>"+J.join("\n")+"</svg>");a.parent.gb(a.ua,"url(data:image/svg+xml,"+escape(k.join(""))+") no-repeat border-box border-box");h&&a.parent.ab()},a);h=1},Dd:function(){var a={};return function(b,c,d){var e=a[b],g;if(!e){e=new Image;g=doc.createElement("canvas");e.src=b;g.width=c;g.height=d;g.getContext("2d").drawImage(e,0,0);e=a[b]=g.toDataURL()}return e}}(),Ea:f.Tb.prototype.Ea,m:function(){var a=
this.e.runtimeStyle;this.parent.gb(this.ua);a.borderColor=a.borderStyle=a.borderWidth=""}});f.kb=function(){function a(l,q){l.className+=" "+q}function b(l){var q=v.slice.call(arguments,1),s=q.length;setTimeout(function(){if(l)for(;s--;)a(l,q[s])},0)}function c(l){var q=v.slice.call(arguments,1),s=q.length;setTimeout(function(){if(l)for(;s--;){var o=q[s];o=t[o]||(t[o]=new RegExp("\\b"+o+"\\b","g"));l.className=l.className.replace(o,"")}},0)}function d(l){function q(){if(!U){var w,A,L=f.ja,T=l.currentStyle,
N=T.getAttribute(g)==="true",da=T.getAttribute(i)!=="false",ea=T.getAttribute(h)!=="false";S=T.getAttribute(j);S=L>7?S!=="false":S==="true";if(!R){R=1;l.runtimeStyle.zoom=1;T=l;for(var fa=1;T=T.previousSibling;)if(T.nodeType===1){fa=0;break}fa&&a(l,p)}J.cb();if(N&&(A=J.o())&&(w=doc.documentElement||doc.body)&&(A.y>w.clientHeight||A.x>w.clientWidth||A.y+A.f<0||A.x+A.h<0)){if(!Y){Y=1;f.mb.ba(q)}}else{U=1;Y=R=0;f.mb.Ha(q);if(L===9){G={C:new f.Sb(l),q:new f.Ub(l),w:new f.Vb(l)};Q=[G.C,G.q];K=new f.Oc(l,
J,G);w=[new f.Mc(l,J,G,K),new f.Nc(l,J,G,K)]}else{G={C:new f.Sb(l),w:new f.Vb(l),q:new f.Ub(l),G:new f.jb(l),ga:new f.Ic(l),Pb:new f.Uc(l)};Q=[G.C,G.w,G.q,G.G,G.ga,G.Pb];K=new f.Rc(l,J,G);w=[new f.Hc(l,J,G,K),new f.Fc(l,J,G,K),new f.Gc(l,J,G,K),new f.Tb(l,J,G,K)];l.tagName==="IMG"&&w.push(new f.Pc(l,J,G,K));K.ed=w}I=[K].concat(w);if(w=l.currentStyle.getAttribute(f.F+"watch-ancestors")){w=parseInt(w,10);A=0;for(N=l.parentNode;N&&(w==="NaN"||A++<w);){H(N,"onpropertychange",C);H(N,"onmouseenter",x);
H(N,"onmouseleave",y);H(N,"onmousedown",z);if(N.tagName in f.fc){H(N,"onfocus",E);H(N,"onblur",D)}N=N.parentNode}}if(S){f.Oa.ba(o);f.Oa.Rd()}o(1)}if(!V){V=1;L<9&&H(l,"onmove",s);H(l,"onresize",s);H(l,"onpropertychange",u);ea&&H(l,"onmouseenter",x);if(ea||da)H(l,"onmouseleave",y);da&&H(l,"onmousedown",z);if(l.tagName in f.fc){H(l,"onfocus",E);H(l,"onblur",D)}f.Qa.ba(s);f.L.ba(M)}J.hb()}}function s(){J&&J.Ad()&&o()}function o(w){if(!X)if(U){var A,L=I.length;F();for(A=0;A<L;A++)I[A].Ea();if(w||J.Od())for(A=
0;A<L;A++)I[A].ib();if(w||J.Td())for(A=0;A<L;A++)I[A].Mb();K.ab();O()}else R||q()}function u(){var w,A=I.length,L;w=event;if(!X&&!(w&&w.propertyName in r))if(U){F();for(w=0;w<A;w++)I[w].Ea();for(w=0;w<A;w++){L=I[w];L.Cb||L.ib();L.Q()&&L.Lb()}K.ab();O()}else R||q()}function x(){b(l,k)}function y(){c(l,k,n)}function z(){b(l,n);f.lb.ba(B)}function B(){c(l,n);f.lb.Ha(B)}function E(){b(l,m)}function D(){c(l,m)}function C(){var w=event.propertyName;if(w==="className"||w==="id")u()}function F(){J.cb();for(var w=
Q.length;w--;)Q[w].cb()}function O(){for(var w=Q.length;w--;)Q[w].hb();J.hb()}function H(w,A,L){w.attachEvent(A,L);W.push([w,A,L])}function M(){if(V){for(var w=W.length,A;w--;){A=W[w];A[0].detachEvent(A[1],A[2])}f.L.Ha(M);V=0;W=[]}}function P(){if(!X){var w,A;M();X=1;if(I){w=0;for(A=I.length;w<A;w++){I[w].ec=1;I[w].m()}}S&&f.Oa.Ha(o);f.Qa.Ha(o);I=J=G=Q=l=null}}var I,K,J=new ha(l),G,Q,R,U,V,W=[],Y,X,S;this.Ed=q;this.update=o;this.m=P;this.qd=l}var e={},g=f.F+"lazy-init",j=f.F+"poll",i=f.F+"track-active",
h=f.F+"track-hover",k=f.La+"hover",n=f.La+"active",m=f.La+"focus",p=f.La+"first-child",r={background:1,bgColor:1,display:1},t={},v=[];d.yd=function(l){var q=f.p.Ba(l);return e[q]||(e[q]=new d(l))};d.m=function(l){l=f.p.Ba(l);var q=e[l];if(q){q.m();delete e[l]}};d.md=function(){var l=[],q;if(e){for(var s in e)if(e.hasOwnProperty(s)){q=e[s];l.push(q.qd);q.m()}e={}}return l};return d}();f.supportsVML=f.zc;f.attach=function(a){f.ja<10&&f.zc&&f.kb.yd(a).Ed()};f.detach=function(a){f.kb.m(a)}};
var $=element;function init(){if(doc.media!=="print"){var a=window.PIE;a&&a.attach($)}}function cleanup(){if(doc.media!=="print"){var a=window.PIE;if(a){a.detach($);$=0}}}$.readyState==="complete"&&init();
</script>
</PUBLIC:COMPONENT>
......@@ -21,7 +21,7 @@
}
.sectionbackup h1{
margin:0 0 38px 0;
margin:2px 2px 38px 2px;
padding:0;
height:64px;
line-height:62px;
......@@ -29,12 +29,10 @@
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
border-radius: 10px 10px 0px 0px;
background-color:#dfdfdf;
-moz-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
border-radius:8px 8px 0px 0px;
}
.sectionbackup p{
......@@ -49,54 +47,63 @@
}
.sectionbackup .backupbtn {
width:325px;
height:25px;
margin:49px auto 0;
}
/*
.sectionbackup .backupbtn a.ok {
position:relative;
margin:0 98px 0 0;
}
.sectionbackup .backupbtn a.cancel {
position:relative;
/position:relative;
margin:-27px 0 0 135px;
}
*/
.sectionbackup .backupbtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
width:100px;
height:28px;
padding-top:8px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
.sectionbackup .backupbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
.sectionbackup .backupbtn a:active {
position:relative;
top:1px;
/*position:relative;
top:1px;*/
}
/*
.sectionbackup .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -107,7 +114,7 @@
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
......@@ -133,7 +140,7 @@
}
.sectionbackup1 h1{
margin:0 0 38px 0;
margin:2px 2px 38px 2px;
padding:0;
height:64px;
line-height:62px;
......@@ -141,15 +148,10 @@
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
background-color:#dfdfdf;
border-radius: 10px 10px 0px 0px;
font-size: large;
font-family: 'trebuchet ms', verdana, arial;
}
.sectionbackup1 p{
......@@ -181,39 +183,48 @@
.sectionbackup1 .backupbtn a {
width: 200px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
padding:6px;
text-decoration:none;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
.sectionbackup1 .backupbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
cursor: pointer;
}
.sectionbackup1 .backupbtn a:active {
position:relative;
top:1px;
}
/*
.sectionbackup1 .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -223,4 +234,5 @@
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
\ No newline at end of file
}
*/
......@@ -5,12 +5,12 @@
body{
margin:0;
padding:0;
background:#f4f4f4;
background:#333;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.wrapper {
width:100%;
background:url(../img/common/body_bg.png);
background:url(../images/body_bg.png) center;
}
form, ul{ margin:0; padding:0;}
......@@ -18,7 +18,7 @@ li{ list-style-type:none;}
img{ display:block; border:none;}
header{
height:100px;
background:#f4f4f4;
background:url(../images/header_bg.png) repeat-x;
width:100%;
display:block;
}
......@@ -29,19 +29,17 @@ header{
position:relative;
}
.cnt_header .logo{
width:87px;
height:80px;
width:262px;
height:52px;
display:block;
margin-top:9px;
margin-top:20px;
float:left;
background:url(../img/common/logo.png) no-repeat;
background:url(../images/smartcatalog_logo.png) no-repeat;
margin-left:10px;
}
.cnt_header .menu_language{
font-size:12px;
color:#333333;
float:right;
width:860px;
}
.cnt_header .menu_language ul{ margin:15px 0 0 0; padding:0; text-align:right;}
.cnt_header .menu_language ul li{
......@@ -49,10 +47,25 @@ header{
display:inline;
padding-left:19px;
margin-left:9px;
color:#fff;
}
.cnt_header .menu_language ul li input{
line-height:20px;
border:1px solid #999999;
height:20px;
/*color:#cccccc;*/
font-size:12px;
padding-left:25px;
width:155px;
background:url(../images/search_icon.png) no-repeat 5px 3px;
background-color:#fff;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
}
.cnt_header .menu_language ul li input{ line-height:20px; border:1px solid #999999; height:20px; /*color:#cccccc;*/ font-size:12px; padding-left:5px; width:175px;}
.cnt_header .menu_language ul li a{
color:#000;
color:#fff;
text-decoration:none;
}
.cnt_header .menu_language ul li a:hover{
......@@ -97,6 +110,8 @@ header{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#575656');
-pie-background: linear-gradient(#8b8b8b, #575656);
behavior:url('/abvw/css/PIE.htc');
}
.cnt_header .blue{
border:1px solid #fff;
......@@ -115,6 +130,8 @@ header{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
-pie-background: linear-gradient(#77BAFE, #4599EF);
behavior:url('/abvw/css/PIE.htc');
}
.cnt_header a:hover.blue{
border:1px solid #fff;
......@@ -130,9 +147,129 @@ header{
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
-pie-background: linear-gradient(#2d7bbf, #1059a3);
behavior:url('/abvw/css/PIE.htc');
}
ul.button{
float:right;
margin-top:12px !important;
margin-right:2px;
}
ul.button li {
float:left;
margin:0px !important;
padding:0px !important;
}
ul.button li.leftButton {
background:url(../images/gnav_leftbutton_up.png) no-repeat;
width:121px;
height:38px;
}
ul.button li.leftButtonSelected {
background:url(../images/gnav_leftbutton_selected.png) no-repeat;
width:121px;
height:38px;
}
ul.button li.middleButton {
display:block;
background:url(../images/gnav_middlebutton_up.png) no-repeat;
width:121px;
height:38px;
}
ul.button li.middleButtonSelected {
display:block;
background:url(../images/gnav_middlebutton_selected.png) no-repeat;
width:121px;
height:38px;
}
ul.button li.rightButton {
display:block;
background:url(../images/gnav_rightbutton_up.png) no-repeat;
width:122px;
height:38px;
}
ul.button li.rightButtonSelected {
display:block;
background:url(../images/gnav_rightbutton_selected.png) no-repeat;
width:122px;
height:38px;
}
ul.button li.leftButton a,
ul.button li.leftButtonSelected a,
ul.button li.middleButton a,
ul.button li.middleButtonSelected a {
display:block;
width:106px;
height:28px;
font-weight:bold;
text-align:center;
padding:10px 0 0 15px;
}
ul.button li.rightButton a,
ul.button li.rightButtonSelected a {
display:block;
width:107px;
font-weight:bold;
height:28px;
text-align:center;
padding:10px 0 0 15px;
}
ul.button li a.homeButton {
background:url(../images/gnav_home_icon.png) no-repeat;
}
ul.button li a.sioriButton {
background:url(../images/gnav_siori_icon.png) no-repeat;
}
ul.button li a.historyButton {
background:url(../images/gnav_history_icon.png) no-repeat;
}
ul.button li a.settingButton {
background:url(../images/gnav_setting_icon.png) no-repeat;
}
ul.button li a.logoutButton {
background:url(../images/gnav_logout_icon.png) no-repeat;
}
ul.button li.leftButton a.homeButton:hover {
background-image:url(../images/gnav_home_icon.png),url(../images/gnav_leftbutton_over.png);
background-repeat:no-repeat, no-repeat;
}
ul.button li.middleButton a.sioriButton:hover {
background-image:url(../images/gnav_siori_icon.png),url(../images/gnav_middlebutton_over.png);
background-repeat:no-repeat, no-repeat;
}
ul.button li.middleButton a.historyButton:hover {
background-image:url(../images/gnav_history_icon.png),url(../images/gnav_middlebutton_over.png);
background-repeat:no-repeat, no-repeat;
}
ul.button li.middleButton a.settingButton:hover {
background-image:url(../images/gnav_setting_icon.png),url(../images/gnav_middlebutton_over.png);
background-repeat:no-repeat, no-repeat;
}
ul.button li.rightButton a.logoutButton:hover {
background-image:url(../images/gnav_logout_icon.png),url(../images/gnav_rightbutton_over.png);
background-repeat:no-repeat, no-repeat;
}
.button{ float:right; margin-top:20px; margin-right:2px;}
.cnt_header .box_open{
width:180px;
height:120px;
......@@ -179,7 +316,16 @@ header{
padding-top:20px;
padding-right:20px;
background:#fff;
overflow:hidden;
overflow:hidden;
/* 通常 */
-pie-background:linear-gradient(top, #757575, #333333);
/* webkit用 */
background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#333333));
/* mozilla用 */
background:-moz-linear-gradient(top, #757575, #333333);
behavior:url('/abvw/css/PIE.htc');
}
p.go_top{
......@@ -198,10 +344,29 @@ p.go_top a{
}
/* footer */
footer{ display:block; background:#fff; height:39px; border-top:1px solid #cccccc; line-height:41px; padding-top:1px;}
.cnt_footer{ width:960px; margin:0 auto; text-align:center; color:#000; font-size:10px;}
.border{ background:#f4f4f4;}
footer{
display:block;
background:url(../images/footer_bg.png) repeat-x;
height:39px;
border-top:1px solid #cccccc;
padding-top:1px;
}
.cnt_visuamallLogo {
float:left;
}
.cnt_footer{
text-align:right;
color:#666;
font-size:10px;
}
.border{
width:960px;
margin:0 auto;
padding:15px 0 0 0;
}
.focus{color: #969696}
.cnt_header .manual_link {
......@@ -213,4 +378,4 @@ footer{ display:block; background:#fff; height:39px; border-top:1px solid #ccccc
float:none;
width:50px;
font-size: 12px;
}
\ No newline at end of file
}
......@@ -6,18 +6,14 @@
/* article */
.articlecontentsearch{
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
margin-bottom:20px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
overflow:hidden;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
......@@ -37,6 +33,18 @@
vertical-align:middle;
}
.tops a:hover.btn_black {
-pie-background:linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
background:-webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray{
border:1px solid #fff;
......@@ -53,6 +61,30 @@
margin-right:10px;
}
.tops a.btn_black {
height:24px !important;
margin-top:-3px;
padding-top:4px;
border:1px #333333 solid;
-pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
color:#fff;
behavior:url('/abvw/css/PIE.htc');
}
.tops a.btn_blue,.tops a.btn_gray{
border:1px solid #fff;
outline:1px solid #2d83da;
......@@ -72,12 +104,20 @@
.button{ float:right; margin-top:20px; margin-right:2px;}
.tops ul{ float:left; margin:0; padding:0;}
.tops ul li{ display:inline;}
.tops ul{
float:right;
margin:15px 0 5px 0;
padding:9px 0 9px 12px;
width:353px;
height:18px;
background:url(../images/order_box_bg.png) no-repeat;
}
.tops ul li{ display:inline; }
.tops ul li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
......@@ -85,20 +125,24 @@
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li a.nottouchdevice:hover{ text-decoration:underline;}
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;}
.tops ul li a:hover{ text-decoration:underline; }
.tops ul li a.gray_text{ color:#999999; }
.tops ul li a.active_tops{
color:#D3D300;
font-weight:bold;
text-decoration:underline;
}
.tops p{ font-size:14px; padding:22px 2px 0 10px; margin:0; color:#f0f0f0;}
/* section */
section{
height:121px;
float:left;
padding-top:10px;
border-top:1px dashed #cccccc;
margin-top:10px;
......@@ -106,10 +150,11 @@ section{
}
.cnt_section{
margin:0;
padding:0;
height:120px;
padding:5px;
width:920px;
height:130px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section:hover{ background-color:rgba(255,255,255,0.24); }
.cnt_section a.img{
display:block;
width:161px;
......@@ -123,7 +168,7 @@ section{
height:120px;
margin:0 0 0 35px;
}
.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
.cnt_section .text a.name{ color:#fff;font-size:18px;}
.cnt_section .text a.name:hover{ text-decoration:none;}
......@@ -132,7 +177,7 @@ margin-top:0px;
float:left;
}
.cnt_section .text ul.date li{
color:#333333;
color:#ccc;
font-size:13px;
}
/*---*/
......@@ -140,7 +185,7 @@ font-size:13px;
.cnt_section .text ul.pic{
float:left;
margin-left:240px;
margin-left:300px;
}
.cnt_section .text ul.pic li{
height:82px;
......@@ -159,36 +204,52 @@ margin-top:-40px;
}
.cnt_section .text ul.pic li a.read {
margin-top:42px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
margin-top:30px;
width:90px;
height:30px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
font-size:16px;
padding:6px 0 0 0;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
margin-left:5px;
}.cnt_section .text ul.pic li a.read:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
}.cnt_section .text ul.pic li a.read:active {
behavior:url('/abvw/css/PIE.htc');
}
.cnt_section .text ul.pic li a.read:hover {
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
cursor: pointer;
}
.cnt_section .text ul.pic li a.read:active {
position:relative;
top:1px;
}
/*
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
......@@ -199,8 +260,7 @@ margin-top:-40px;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
.cnt_section .text ul.pic li a.read_hover {
-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
......@@ -271,10 +331,13 @@ a:hover.btn_bott{
display:block;
margin:10px 10 20px 10px;
height: 25px;
background-color:#999;
color:#fff;
}
#main-searchresult span
{
float: left;
padding-top:4px;
margin-right: 15px;
}
#main-searchresult input
......@@ -284,9 +347,20 @@ a:hover.btn_bott{
}
#main-searchresult input[type="radio"]
{
margin-top:4px;
margin-right: 5px;
}
.tops a.btn_gray, .tops a.btn_blue{
#main-searchresult input[type="text"]
{
padding:2px 5px;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
}
#main-search {
margin-left:15px;
}
.tops a.btn_gray, .tops a.btn_blue, .tops a.btn_black{
float:left;
text-align:center;
display:table-cell;
......@@ -299,6 +373,7 @@ a:hover.btn_bott{
color:#fff;
margin-right: 15px;
}
a:hover
{
cursor:pointer;
......@@ -311,4 +386,6 @@ a:hover
#msgSearchNotExist
{
display: none;
font-size: 16px;
color:#fff;
}
\ No newline at end of file
......@@ -22,7 +22,7 @@
}
.sectionDeleteConfirm h1{
margin:0 0 38px 0;
margin:2px 2px 38px 2px;
padding:0;
height:64px;
line-height:62px;
......@@ -30,12 +30,10 @@
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
background-color:#dfdfdf;
border-radius: 10px 10px 0px 0px;
font-size: large;
}
.sectionDeleteConfirm p{
......@@ -59,8 +57,8 @@
cursor: pointer;
}
.sectionDeleteConfirm .deletebtn a.cancel {
position:relative;
margin:-27px 0 0 135px;
margin:-35px 0 0 0;
cursor: pointer;
}
......@@ -74,40 +72,49 @@
.sectionDeleteConfirm .deletebtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
padding:6px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
.sectionDeleteConfirm .deletebtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
cursor: pointer;
}
.sectionDeleteConfirm .deletebtn a:active {
position:relative;
top:1px;
}
/*
.sectionDeleteConfirm .deletebtn a:not(:target) {
filter: none;
-ms-filter: none;
}
\ No newline at end of file
}
*/
\ No newline at end of file
......@@ -6,12 +6,17 @@
background-image: url('../img/common/back_dot.gif');
border:1px solid #C5C5C6;
border-top: 0px;
width: 180px;
width: 174px;
padding:6px 0 0 6px;
text-align: left;
position: absolute;
right:0px;
display: none;
z-index: 1;
-webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
}
#header-searchbox .blue
......
......@@ -6,18 +6,13 @@
/* article */
.articlehistory{
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
margin-bottom:20px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
margin-bottom:10px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
......@@ -69,15 +64,22 @@
color-stop(0.77, rgb(117,185,254)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
}
.button{ float:right; margin-top:20px; margin-right:2px;}
.tops ul{ float:left; margin:0; padding:0;}
.tops ul li{ display:inline;}
.tops ul{
float:right;
margin:0px;
padding:9px 0 9px 12px;
width:408px;
height:18px;
background:url(../images/order_box_bg2.png) no-repeat;
}
.tops ul li{ display:inline; }
.tops ul li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
......@@ -85,20 +87,24 @@
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li a.nottouchdevice:hover{ text-decoration:underline;}
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;}
.tops ul li a:hover{ text-decoration:underline; }
.tops ul li a.gray_text{ color:#999999; }
.tops ul li a.active_tops{
color:#D3D300;
font-weight:bold;
text-decoration:underline;
}
.tops p{ font-size:14px; padding:10px 2px 0 10px; margin:0; color:#f0f0f0;}
/* section */
section{
height:121px;
float:left;
padding-top:10px;
border-top:1px dashed #cccccc;
margin-top:10px;
......@@ -106,10 +112,11 @@ section{
}
.cnt_section{
margin:0;
padding:0;
height:120px;
padding:5px;
width:920px;
height:130px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section:hover{ background-color:rgba(255,255,255,0.24); }
.cnt_section a.img{
display:block;
width:161px;
......@@ -123,7 +130,7 @@ section{
height:120px;
margin:0 0 0 35px;
}
.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
.cnt_section .text a.name{ color:#fff;font-size:18px;}
.cnt_section .text a.name:hover{ text-decoration:none;}
......@@ -132,7 +139,7 @@ margin-top:0px;
float:left;
}
.cnt_section .text ul.date li{
color:#333333;
color:#ccc;
font-size:13px;
}
/*---*/
......@@ -140,7 +147,7 @@ font-size:13px;
.cnt_section .text ul.pic{
float:left;
margin-left:240px;
margin-left:300px;
}
.cnt_section .text ul.pic li{
height:82px;
......@@ -159,36 +166,52 @@ margin-top:-40px;
}
.cnt_section .text ul.pic li a.read {
margin-top:42px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
margin-top:30px;
width:90px;
height:30px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
font-size:16px;
padding:6px 0 0 0;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
margin-left:5px;
}.cnt_section .text ul.pic li a.read:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
}.cnt_section .text ul.pic li a.read:active {
behavior:url('/abvw/css/PIE.htc');
}
.cnt_section .text ul.pic li a.read:hover {
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
cursor: pointer;
}
.cnt_section .text ul.pic li a.read:active {
position:relative;
top:1px;
}
/*
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
......@@ -199,8 +222,7 @@ margin-top:-40px;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
.cnt_section .text ul.pic li a.read_hover {
-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
......
/* article */
.articlehome{
width:625px;
width:664px;
float:right;
border:1px solid #cccccc;
padding:6px 20px 0 19px;
display:block;
margin-bottom:20px;
overflow:hidden;
......@@ -14,17 +12,26 @@
position:relative;
margin-bottom:16px;
font-size:12px;
padding-left:15px;
}
/*.tops a.btn_red, .tops a.btn_gray{ width:80px; height:24px; display:block; float:left;}
.tops a.btn_red{ background:url(../img/btn_red.png) no-repeat; margin-right:10px;}
.tops a.btn_gray{ background:url(../img/btn_gray.png) no-repeat;}*/
.tops ul{ float:right; margin:0; padding:0;}
.tops ul{
float:right;
margin:0;
padding:9px 0 9px 12px;
width:353px;
height:18px;
background:url(../images/order_box_bg.png) no-repeat;
}
.tops ul li{ display:inline;}
.tops ul li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
......@@ -32,19 +39,76 @@
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li a.nottouchdevice:hover{ text-decoration:underline;}
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
.tops ul li a.active_tops{
color:#D3D300;
font-weight:bold;
text-decoration:underline;
}
/*.tops ul li a.active_tops{ color:#ec2020; text-decoration:underline;}*/
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0;}
.no_m_right{ margin-right:0!important;}
.tops p{ font-size:12px; position:absolute; right:0; top:40px; padding:0 2px 0 0; margin:0; color:#f0f0f0;}
.no_m_right{ margin-left:0!important;}
.tops a.shelvesButton {
display:block;
float:left;
width:63px;
height:28px;
padding:8px 0 0 40px;
color:#fff;
border:1px #333333 solid;
-pie-background:url(images/shelves_icon.png) no-repeat, linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/shelves_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
background-image:url(../images/shelves_icon.png), -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/shelves_icon.png), -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/shelves_icon.png), -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/shelves_icon.png), -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/shelves_icon.png), linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-repeat:no-repeat, no-repeat;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
margin-left:10px;
behavior:url('/abvw/css/PIE.htc');
}
.tops a.listButton {
display:block;
float:left;
width:63px;
height:28px;
padding:8px 0 0 40px;
color:#fff;
border:1px #333333 solid;
-pie-background:url(images/list_icon.png) no-repeat, linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/list_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
background-image:url(../images/list_icon.png), -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/list_icon.png), -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/list_icon.png), -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/list_icon.png), -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-image:url(../images/list_icon.png), linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
background-repeat:no-repeat, no-repeat;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
margin-left:10px;
behavior:url('/abvw/css/PIE.htc');
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
......@@ -65,6 +129,29 @@
vertical-align:middle;
}
.tops a.shelvesButton:hover {
-pie-background:url(images/shelves_icon.png) no-repeat, linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/shelves_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
background-image:url(../images/shelves_icon.png), -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/shelves_icon.png), -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/shelves_icon.png), -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/shelves_icon.png), -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/shelves_icon.png), linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
behavior:url('/abvw/css/PIE.htc');
}
.tops a.listButton:hover {
-pie-background:url(images/list_icon.png) no-repeat, linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/list_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
background-image:url(../images/list_icon.png), -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/list_icon.png), -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/list_icon.png), -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/list_icon.png), -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background-image:url(../images/list_icon.png), linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
behavior:url('/abvw/css/PIE.htc');
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray{
border:1px solid #fff;
......@@ -98,16 +185,20 @@
color-stop(0.77, rgb(117,185,254)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
}
.button{ float:right; margin-top:20px; margin-right:2px;}
/* section */
.sectionhomebookshelfBackground {
background:url(../images/shelves_img.png) repeat-y;
overflow:hidden;
}
.sectionhomebookshelf{
margin-top:10px;
width:195px;
width:200px;
float:left;
text-align:center;
height:238px;
margin-right:19px;
height:190px;
margin-left:23px;
position:relative;
display:inline-block;
}
......@@ -132,17 +223,17 @@ p.dop_info a:hover{ text-decoration:none;}
.cnt_section_bookshelf{
margin:0;
padding:5px 0 5px 0;
height:190px;
height:120px;
width:195px;
}
.cnt_section_bookshelf:hover{ background:#f4f4f4;}
.cnt_section_bookshelf:hover{ background-color:rgba(255,255,255,0.2);}
.cnt_section_bookshelf div.img{
display:block;
margin:0 auto;
}
.cnt_section_bookshelf div.img canvas{ margin:0 auto; height: 170px; width: 170px;}
.cnt_section_bookshelf div.img canvas{ margin:0 auto; height: 120px; width: 130px;}
.cnt_section_bookshelf .text{
text-align:center;
}
......@@ -275,24 +366,23 @@ a:hover.btn_bott{
}
.cnt_section_list{
margin:0;
padding:0;
height:120px;
padding:10px 0;
height:100px;
}
.cnt_section_list:hover{ background:#f4f4f4;}
.cnt_section_list:hover{ background-color:rgba(255,255,255,0.24); }
.cnt_section_list .img{
display:block;
width:161px;
height:120px;
float:left;
background:#fff;
}
.cnt_section_list .img canvas{ margin:0 auto; display:block; height: 105px; width: 150px;}
.cnt_section_list .img canvas{ margin:0 auto; display:block; height: 100px; width: 130px;}
.cnt_section_list .text{
float:left;
height:120px;
margin:0 0 0 35px;
margin:0 0 0 15px;
}
.cnt_section_list .text a.name{ color:#2d83da;font-size:18px;}
.cnt_section_list .text a.name{ color:#fff;font-size:18px;}
.cnt_section_list .text a.name:hover{ text-decoration:none;}
......@@ -301,7 +391,7 @@ margin-top:0px;
float:left;
}
.cnt_section_list .text ul.date li{
color:#333333;
color:#ccc;
font-size:13px;
}
/*---*/
......@@ -309,7 +399,7 @@ font-size:13px;
.cnt_section_list .text ul.pic{
float:left;
margin-left:25px;
margin-left:90px;
}
.cnt_section_list .text ul.pic li{
height:82px;
......@@ -328,36 +418,52 @@ margin-top:-40px;
}
.cnt_section_list .text ul.pic li a.read {
margin-top:42px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
margin-top:30px;
width:90px;
height:30px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
font-size:16px;
padding:6px 0 0 0;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
margin-left:5px;
}.cnt_section_list .text ul.pic li a.read:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
}.cnt_section_list .text ul.pic li a.read:active {
behavior:url('/abvw/css/PIE.htc');
}
.cnt_section_list .text ul.pic li a.read:hover {
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
.cnt_section_list .text ul.pic li a.read:active {
position:relative;
top:1px;
}
/*
.cnt_section_list .text ul.pic li a.read:not(':target') {
filter: none;
-ms-filter: none;
......@@ -368,6 +474,7 @@ margin-top:-40px;
-ms-filter: none;
background-image: url('../css/button_back_on.svg');
}
*/
.cnt_section_list .text ul.pic li a.read_hover {
-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
......@@ -429,4 +536,4 @@ canvas:hover
cursor: pointer;
}
.sectionhomebookshelf a.name{ color:#2d83da;}
\ No newline at end of file
.sectionhomebookshelf a.name{ color:#fff; line-height:100%;}
\ No newline at end of file
......@@ -6,20 +6,13 @@
/* article */
.articleMain {
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
margin-bottom:20px;
overflow:hidden;
}
.tops{
height:20px;
position:relative;
/*
margin-bottom:16px;
*/
font-size:12px;
margin-bottom:20px;
}
.tops a.btn_gray, .tops a.btn_blue{
......@@ -66,41 +59,50 @@
color-stop(0.27, rgb(69,154,239)),
color-stop(0.77, rgb(117,185,254)));
}
.button{ float:right; margin-top:20px; margin-right:2px; }
.delete {
position:absolute;
top:17px;
/*left:764px;*/
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
/*-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;*/
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #B60000) );
background:-moz-linear-gradient( center top, #CC0000 5%, #B60000 100% );
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#B60000');*/
background-color:#CC0000;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #B60000;
width:90px;
height:28px;
border:1px #A32323 solid;
-pie-background: linear-gradient(top, #CC5200 0%, #662100 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #662100), color-stop(0.00, #CC5200));
background: -webkit-linear-gradient(top, #CC5200 0%, #662100 97%);
background: -moz-linear-gradient(top, #CC5200 0%, #662100 97%);
background: -o-linear-gradient(top, #CC5200 0%, #662100 97%);
background: -ms-linear-gradient(top, #CC5200 0%, #662100 97%);
background: linear-gradient(to bottom, #CC5200 0%, #662100 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-size:14px;
font-weight:bold;
padding:2px 26px;
padding:8px 0 0 0;
text-decoration:none;
text-shadow:1px 1px 0px #CC0000;
margin-left:5px;
text-align:center;
behavior:url('/abvw/css/PIE.htc');
}.delete:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B60000), color-stop(1, #CC0000) );
background:-moz-linear-gradient( center top, #B60000 5%, #CC0000 100% );
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');*/
background-color:#B60000;
-pie-background: linear-gradient(top, #FF6C0B 0%, #A83600 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #A83600), color-stop(0.00, #FF6C0B));
background: -webkit-linear-gradient(top, #FF6C0B 0%, #A83600 97%);
background: -moz-linear-gradient(top, #FF6C0B 0%, #A83600 97%);
background: -o-linear-gradient(top, #FF6C0B 0%, #A83600 97%);
background: -ms-linear-gradient(top, #FF6C0B 0%, #A83600 97%);
background: linear-gradient(to bottom, #FF6C0B 0%, #A83600 97%);
text-decoration:underline;
cursor: pointer;
behavior:url('/abvw/css/PIE.htc');
}
.delete:active
{
......@@ -154,34 +156,45 @@ a.delete:hover:not(:target) {
top:1px;*/
}
.tops ul{ float:left; margin:0; padding:0; }
.tops ul{
float:right;
margin:0px;
padding:9px 0 9px 12px;
width:353px;
height:18px;
background:url(../images/order_box_bg.png) no-repeat;
}
.tops ul li{ display:inline; }
.tops ul li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
cursor: pointer;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
color:#fff;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li a:hover{ text-decoration:underline; }
.tops ul li a.gray_text{ color:#999999; }
.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline; }
.tops ul li b{ font-weight:normal; float:left; font-size:12px; }
.tops ul li a.active_tops{
color:#D3D300;
font-weight:bold;
text-decoration:underline;
}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0; }
/* section */
.articleMain section{
height:121px;
float:left;
padding-top:10px;
border-top:1px dashed #cccccc;
margin-top:10px;
......@@ -189,10 +202,11 @@ a.delete:hover:not(:target) {
}
.cnt_section{
margin:0;
padding:0;
height:120px;
padding:5px;
width:920px;
height:130px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section:hover{ background-color:rgba(255,255,255,0.24); }
.cnt_section a.img{
display:block;
position:relative;
......@@ -204,12 +218,10 @@ a.delete:hover:not(:target) {
.cnt_section .check{
/*width:100px;*/
width:30px;
height:60px;;
padding-top:60px;
width:60px;
padding-top:50px;
text-align:center;
vertical-align:middle;
background-color:#FFF;
float:left;
}
......@@ -242,7 +254,7 @@ a.delete:hover:not(:target) {
word-wrap:break-word;
}
.cnt_section .text ul.date li{
color:#333333;
color:#ccc;
font-size:13px;
}
/*---*/
......@@ -265,37 +277,51 @@ a.delete:hover:not(:target) {
.cnt_section .text ul.pic li img.pen { margin-top:-40px; }
.cnt_section .text ul.pic li a.read {
margin-top:42px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
margin-top:30px;
width:90px;
height:30px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
font-size:16px;
padding:6px 0 0 0;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
margin-left:5px;
}.cnt_section .text ul.pic li a.read:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
behavior:url('/abvw/css/PIE.htc');
}
.cnt_section .text ul.pic li a.read:hover {
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
cursor: pointer;
}.cnt_section .text ul.pic li a.read:active {
}
.cnt_section .text ul.pic li a.read:active {
position:relative;
top:1px;
}
/*
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
......@@ -306,7 +332,7 @@ a.delete:hover:not(:target) {
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
.cnt_section .text ul.pic li a.read_hover {
-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
......@@ -349,23 +375,23 @@ a.delete:hover:not(:target) {
}
section#bottom {
height:53px;
padding:5px;
position:relative;
width:920px;
color:#fff;
padding:20px 0 10px 10px;
border-top: 1px dashed #CCC;
}
section.top {
height: 40px;
padding:5px;
position:relative;
color:#fff;
padding:5px 0 0 10px;
border-top: none;
margin-top: 0px;
margin-top:-20px;
}
.shioriNotExist
{
color: Red;
color: #fff;
display: none;
margin:50px 0 20px 0;
font-size: 16px;
}
\ No newline at end of file
......@@ -24,8 +24,8 @@ article .contentDetail {
.closebtn {
background:url(../img/login/close.png) 0 0 no-repeat;
width:30px;
height:30px;
width:36px;
height:36px;
display:block;
position:absolute;
margin:-76px 0 0 660px;
......@@ -37,11 +37,14 @@ article .contentDetail {
.sectionContentDetail #book_data {
width:245px;
height:545px;
margin-top:-40px;
border-right:2px solid #CCC;
background-color:#f7f7f7;
height:538px;
margin:-34px 0 2px 2px;
background-color:#dfdfdf;
float:left;
-webkit-border-radius:8px 0px 0px 8px;
-moz-border-radius:8px 0px 0px 8px;
border-radius:8px 0px 0px 8px;
}
.sectionContentDetail #book_data .book_img {
......@@ -91,37 +94,48 @@ article .contentDetail {
.sectionContentDetail #book_data .read_btn a.read {
position:absolute;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-size:14px;
font-weight:bold;
padding:2px 27px;
margin-left:80px;
padding:4px 30px;
margin-left:75px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
behavior:url('/abvw/css/PIE.htc');
}
.sectionContentDetail #book_data .read_btn a.read:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
cursor: pointer;
}
.sectionContentDetail #book_data .read_btn a.read:active {
position:relative;
top:1px;
}
/*
.sectionContentDetail #book_data .read_btn a.read:not(:target) {
filter: none;
-ms-filter: none;
......@@ -132,8 +146,7 @@ article .contentDetail {
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
.sectionContentDetail #book_list {
width:395px;
......
......@@ -29,10 +29,6 @@ html,body{
width:100%;
}
body{
background:#f4f4f4;
}
a:hover
{
cursor: pointer;
......@@ -64,7 +60,7 @@ a:hover
.wrapper {
width:100%;
background:url('../img/common/body_bg.png');
background:url(../images/body_bg.png) center;
}
#main{
......@@ -73,30 +69,38 @@ a:hover
}
article{
width:898px;
width:960px;
height:593px;
border:1px solid #cccccc;
padding:0;
/* 通常 */
-pie-background:linear-gradient(top, #757575, #333333);
/* webkit用 */
background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#333333));
/* mozilla用 */
background:-moz-linear-gradient(top, #757575, #333333);
display:block;
margin:26px 30px 30px;
/*padding:0;
margin:26px 30px 30px;*/
padding:26px 30px 30px;
overflow:hidden;
behavior:url('/abvw/css/PIE.htc');
}
section.loginsection{
width:398px;
height:363px;
border:1px solid #cccccc;
height:420px;
border:2px solid #9d9d9d;
color:#fff;
display:block;
padding:25px 0 0;
margin:102px auto 0;
margin:70px auto 0;
overflow:hidden;
background:url('../img/login/loginbodybg.png') 0 0 repeat-x;
-webkit-border-radius:4px 4px 4px 4px;
-moz-border-radius:4px 4px 4px 4px;
border-radius:4px 4px 4px 4px;
-webkit-box-shadow: 0px 1px 2px 0px #ddd;
-moz-box-shadow: 0px 1px 2px 0px #ddd;
box-shadow: 0px 1px 2px 0px #ddd;
background-color:#3a3a3a;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
}
section#main-password-change{
......@@ -127,23 +131,31 @@ section dl{
}
section dl dt{
width:290px;
padding:5px;
padding:5px 5px 0 5px;
font-size:13px;
}
section dl dd{
background:url('../img/login/loginbg.png') 0 0 no-repeat;
/*background:url('../img/login/loginbg.png') 0 0 no-repeat;*/
padding:6px;
width:288px;
height:33px;
height:50px;
}
section dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
width:280px;
height:27px;
border:none;
width:260px;
height:40px;
border:2px #999999 solid;
margin:3px 4px;
padding:0;
padding:0 10px;
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
}
section dl dd input:focus {
background-color: #fefecc;
}
......@@ -154,7 +166,7 @@ section .memory{
width:300px;
font-size:12px;
vertical-align:middle;
margin:50px auto 0;
margin:20px 0 0 65px;
}
section .memory input{
vertical-align:middle;
......@@ -162,12 +174,13 @@ section .memory input{
padding:0;
}
section .loginbtn {
width:300px;
margin:14px auto 0;
text-align:center;
margin:30px;
}
section .loginbtn a {
width:85px;
height:21px;
width:145px;
height:30px;
/*
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
......@@ -179,25 +192,45 @@ section .loginbtn a {
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
*/
border:1px #333333 solid;
-pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
padding:10px 0 0 0;
line-height:21px;
text-decoration:none;
/*
text-shadow:1px 1px 0px #a2d613;
/*margin:0 0 0 0;*/
margin-right: 8px;
margin:0 0 0 0;*/
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
section .loginbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
background: -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background: -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background: -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background: -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background: linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
}
section .loginbtn a:active {
position:relative;
......@@ -213,10 +246,10 @@ section .loginbtn a:not(':target') {
position:absolute;
margin:-70px 0 0 49px;
font-size:13px;
color:#e60012;
color:#ff3;
display:block;
text-align:center;
width:300px;
width:330px;
}
.alertTxtDialog {
......
......@@ -22,7 +22,7 @@
}
.sectionrestore h1{
margin: 0 0 36px 0;
margin: 2px 2px 36px 2px;
padding:0;
height:64px;
line-height:62px;
......@@ -30,12 +30,10 @@
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
border-radius: 10px 10px 0px 0px;
background-color:#dfdfdf;
-moz-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
border-radius:8px 8px 0px 0px;
}
.sectionrestore p{
......@@ -61,6 +59,7 @@
height:25px;
margin:29px auto 0;
}
/*
.sectionrestore .restorebtn a.ok {
position:relative;
margin:0 98px 0 0;
......@@ -69,42 +68,53 @@
position:relative;
margin:-27px 0 0 135px;
}
*/
.sectionrestore .restorebtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
width:100px;
height:28px;
padding-top:8px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
.sectionrestore .restorebtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
/*
.sectionrestore .restorebtn a:active {
position:relative;
top:1px;
}
*/
/*
.sectionrestore .restorebtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -115,4 +125,5 @@
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
\ No newline at end of file
}
*/
......@@ -57,40 +57,37 @@ body{
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
/*
#main{
width:960px;
padding:0;
}
*/
article{
width:898px;
height:680px;
border:1px solid #cccccc;
padding:0;
display:block;
margin:30px;
margin-bottom:20px;
overflow:hidden;
}
section{
width:800px;
display:block;
padding:33px 0 0;
margin:0 auto;
padding:0 20px 20px 20px;
margin:0px;
overflow:hidden;
}
section div#user_info{
margin-bottom:40px;
margin-bottom:60px;
color:#fff;
}
section div#user_info h2{
padding-bottom:8px;
padding:4px 0 8px 40px;
margin-bottom:15px;
border-bottom:1px solid #CCC;
font-size:14px;
font-weight:bold;
background:url(../images/user_icon.png) no-repeat 5px 0px;
}
section div#user_info dl{
......@@ -113,46 +110,54 @@ section div#user_info dl dd{
}
section div#user_info .passchgbtn {
clear:both;
padding-top:18px;
float:right;
margin:-20px 20px 0 0;
}
section div#user_info .passchgbtn a {
/*width:125px;*/
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
color:#ffffff;
font-family:arial;
display:block;
width:170px;
height:28px;
padding-top:8px;
text-decoration:none;
border:1px #333333 solid;
-pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color:#fff;
font-size:14px;
font-weight:bold;
padding:2px 4px 2px 4px;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
margin:0 0 0 0;
text-align:center;
behavior:url('/abvw/css/PIE.htc');
}
section div#user_info .passchgbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background:linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
background:-webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
section div#user_info .passchgbtn a:active {
position:relative;
top:1px;
}
/*
section div#user_info .passchgbtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -163,11 +168,11 @@ section div#user_info .passchgbtn a:hover:not(:target) {
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
div#user_option{
width:inherit;
height:395px;
background:url(../img/common/back_dot.gif);
background-color:#ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
......@@ -225,45 +230,55 @@ section div#user_option input {
section div#user_option .backupbtn {
margin:0 0 35px 30px;
margin:0 0 25px 30px;
overflow:hidden;
}
section div#user_option .backupbtn a {
width:125px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
display:block;
width:170px;
height:28px;
float:left;
padding-top:8px;
text-decoration:none;
border:1px #333333 solid;
-pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
margin:0 0 0 0;
text-align:center;
behavior:url('/abvw/css/PIE.htc');
}
section div#user_option .backupbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background:linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
background:-webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:-ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
background:linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
section div#user_option .backupbtn a:active {
position:relative;
top:1px;
}
/*
section div#user_option .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -274,50 +289,57 @@ section div#user_option .backupbtn a:hover:not(:target) {
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
section #user_option .savebtn{
padding:30px 0 0 30px;
border-top:1px solid #CCC;
padding:20px 0 0 480px;
border-top:1px solid #fff;
}
section #user_option .savebtn a {
width:125px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
display:block;
width:170px;
height:28px;
padding-top:8px;
text-decoration:none;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
margin:0 0 0 0;
text-align:center;
float:right;
float:left;
behavior:url('/abvw/css/PIE.htc');
}
section #user_option .savebtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
section #user_option .savebtn a:active {
position:relative;
top:1px;
}
/*
section #user_option .savebtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -328,12 +350,13 @@ section #user_option .savebtn a:hover:not(:target) {
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
section #user_option .savebtn .save{
margin:0 170px 0 0;
margin-right:20px;
}
section #user_option .savebtn .default{
margin:0 -265px 0 0;
}
......@@ -349,41 +372,47 @@ section .memory input{
padding:0;
}
section .loginbtn {
width:300px;
/*width:300px;*/
margin:14px auto 0;
}
section .loginbtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
width:100px;
height:28px;
padding-top:8px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
margin:0 0 0 0;
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
section .loginbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
section .loginbtn a:active {
position:relative;
......@@ -438,9 +467,6 @@ section .loginbtn a:active {
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
background-color: #ffffff;
z-index: 101;
}
......@@ -477,62 +503,71 @@ section .loginbtn a:active {
.sectionchangepassword p{
text-align:center;
margin:25px auto 0;
margin:10px auto 0;
font-size:13px;
}
.sectionchangepassword .loginbtn {
width:304px;
/*width:304px;
height:25px;
margin:30px auto 0;
margin:30px auto 0;*/
}
.sectionchangepassword .loginbtn a.change {
position:relative;
margin:0 194px 0 0;
/*position:relative;
margin:0 194px 0 0;*/
}
.sectionchangepassword .loginbtn a.skip {
position:relative;
margin:-27px 97px 0 0;
/*position:relative;
margin:-27px 97px 0 0;*/
}
.sectionchangepassword .loginbtn a.cancel {
position:relative;
margin:-27px 0 0 87px;
/*position:relative;
margin:-27px 0 0 87px;*/
}
.sectionchangepassword .loginbtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
width:100px;
height:28px;
padding-top:8px;
border:1px #263957 solid;
-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
-webkit-border-radius:8px 8px 8px 8px;
-moz-border-radius:8px 8px 8px 8px;
border-radius:8px 8px 8px 8px;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
float:right;
behavior:url('/abvw/css/PIE.htc');
}
.sectionchangepassword .loginbtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
background-color:#83c008;
-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
text-decoration:underline;
behavior:url('/abvw/css/PIE.htc');
}
.sectionchangepassword .loginbtn a:active {
position:relative;
top:1px;
/*position:relative;
top:1px;*/
}
/*
.sectionchangepassword .loginbtn a:not(:target) {
filter: none;
-ms-filter: none;
......@@ -543,6 +578,8 @@ section .loginbtn a:hover:not(:target) {
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
*/
.alertTxtDialog {
font-size:13px;
color:#e60012;
......@@ -551,27 +588,23 @@ section .loginbtn a:hover:not(:target) {
/*width:300px;*/
}
section h1{
margin:0 0 38px 0;
margin:2px 2px 38px 2px;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
background-color:#dfdfdf;
-moz-border-radius:8px 8px 0px 0px;
-webkit-border-radius:8px 8px 0px 0px;
border-radius:8px 8px 0px 0px;
}
#user_info div.label
{
width: 159px;
width: 160px;
margin-left:10px;
font-size: 13px;
float: left;
}
......@@ -584,5 +617,4 @@ section h1{
.title
{
font-size: large;
font-family: 'trebuchet ms', verdana, arial;
}
\ No newline at end of file
......@@ -7,16 +7,17 @@
float:left;
}
.tabUnit .tabUnit-list{
border:1px solid #cccccc;
background-color:#eaeaea;
border:2px solid #000;
}
.tabUnit ul.switchingTab{
height:36px;
margin:0;
border-bottom:3px solid #727171;
border-bottom:2px solid #000;
}
.tabUnit ul.switchingTab li{
display:block;
width:120px;
width:118px;
height:36px;
border-radius:8px 8px 0 0;
float:left;
......@@ -26,7 +27,7 @@
display:block;
width:118px;
height:35px;
color:#333333;
color:#fff;
text-decoration:none;
font-size:12px;
text-align:center;
......@@ -36,22 +37,27 @@
border-radius:8px 8px 0 0;
background: rgb(245,245,245); /* Old browsers */
background: -moz-linear-gradient(top, rgb(245,245,245) 0%, rgb(219,219,219) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,245,245)), color-stop(100%,rgb(219,219,219))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(245,245,245) 0%,rgb(219,219,219) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(245,245,245) 0%,rgb(219,219,219) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(245,245,245) 0%,rgb(219,219,219) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(245,245,245) 0%,rgb(219,219,219) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
border: 1px solid #ccc;
background: -moz-linear-gradient(top, #afafaf 0%, #545454 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafaf), color-stop(100%,#545454)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #afafaf 0%,#545454) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #afafaf 0%,#545454 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #afafaf 0%,#545454 100%); /* IE10+ */
background: linear-gradient(to bottom, #afafaf 0%,#545454 100%); /* W3C */
-pie-background:linear-gradient(top, #afafaf, #545454);
border: 2px solid #3e3e3e;
border-bottom:none;
behavior:url('/abvw/css/PIE.htc');
}
/*
.tabUnit ul.switchingTab a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/tab_back_off.svg);
}
*/
.tabUnit ul.switchingTab li.colleft{ margin-right:5px;}
.tabUnit ul.switchingTab li.colright{}
......@@ -63,28 +69,25 @@
background:img(img/tab1bg.png) 0 0 no-repeat;
background: rgb(136,136,136); /* Old browsers */
background: -moz-linear-gradient(top, rgb(136,136,136) 0%, rgb(85,85,85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(136,136,136)), color-stop(100%,rgb(85,85,85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(136,136,136) 0%,rgb(85,85,85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(136,136,136) 0%,rgb(85,85,85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(136,136,136) 0%,rgb(85,85,85) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgb(136,136,136) 0%,rgb(85,85,85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
border: 1px solid #555;
background: -moz-linear-gradient(top, #757575 0%, #121212 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #757575)), color-stop(100%,#121212)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #757575 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #757575 0%,#121212 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #757575 0%,#121212 100%); /* IE10+ */
background: linear-gradient(to bottom, #757575 0%,#121212 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#121212',GradientType=0 ); /* IE6-9 */
border: 2px solid #000;
border-bottom:none;
-moz-box-shadow:0px 0px 0px rgba(000,000,000,0),inset 0px 0px 0px rgba(255,255,255,0);
-webkit-box-shadow:0px 0px 0px rgba(000,000,000,0),inset 0px 0px 0px rgba(255,255,255,0);
box-shadow:0px 0px 0px rgba(000,000,000,0),inset 0px 0px 0px rgba(255,255,255,0);
text-shadow:0px 0px 0px rgba(000,000,000,0),0px -1px 0px rgba(255,255,255,0);
}
/*
.tabUnit ul.switchingTab li a.current:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/tab_back_on.svg);
}
*/
.tabUnit .tabUnit-list ul{ margin:0;padding:0px 9px 0 9px;}
.tabUnit .tabUnit-list ul li a{
......
......@@ -7,7 +7,7 @@
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title>History | ABook Viewer for WEB</title>
<title>History | SMART CATALOG for WEB</title>
<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" />
......@@ -21,19 +21,6 @@
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/backup.css" rel="stylesheet" type="text/css" />
<link href="css/restore.css" rel="stylesheet" type="text/css" />
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/common.js"></script>
<script src="./js/history.js"></script>
<script src="./js/header.js"></script>
<script src="./common/js/gotop.js"></script>
<script src="common/js/tab.js"></script>
<script src="./common/js/screenLock.js" type="text/javascript"></script>
<script src="js/detail.js" type="text/javascript"></script>
</head>
<body>
<p id="gotop" class="go_top" style="z-index: 99">
......@@ -50,24 +37,25 @@
<li class="kor" id="language-kr"><a href="#">한글</a></li>
<li class="manual_link"><a id="manual" href="../usermanual.html" target="_manual">Manual</a></li>
<li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
</ul>
<p class="button">
<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
<a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
<a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
<a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>
</p>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
<ul class="button">
<li class="leftButton"><a class="homeButton lang" id="dspHome" lang="dspHome" href="#">ホーム</a></li>
<li class="middleButton"><a class="sioriButton lang" href="#" id="dspShiori" lang="dspShiori">しおり</a></li>
<li class="middleButtonSelected"><a class="historyButton lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a></li>
<li class="middleButton"><a class="settingButton lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a></li>
<li class="rightButton"><a style="margin-right:0;" class="logoutButton lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a></li>
</ul>
</div>
</div>
</header>
<section class="sectionbackup1 " id="dlgConfirmBackup1">
<section class="sectionbackup1 " id="dlgConfirmBackup1">
<h1><label class="lang" lang="txtBackupTitle">バックアップ確認</label></h1>
<p class="message"><label lang="txtLogoutBkMsg" class="lang">ログアウトする前にバックアップしますか?</label></p>
......@@ -86,7 +74,7 @@
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="120" width="160" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="title" id="txtContentTitle">SMART CATALOG資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
......@@ -100,24 +88,24 @@
<article class="articlehistory">
<div class="tops">
<ul>
<li><span class="lang" lang="txtSort">並べ替え</span><b>|</b></li>
<li><span class="lang" lang="txtSort">並べ替え</span><span>|</span></li>
<li>
<a class="lang control_sort_on nottouchdevice" id="control-sort-title" lang="dspTitleNm">タイトル名</a>
<a class="lang control_sort_off" style="display: none" lang="dspTitleNm">タイトル名</a>
<span id="title-sorttype"> </span>
<span><b>|</b></span>
<span>|</span>
</li>
<li>
<a id="control-sort-titlekana" class="lang control_sort_on nottouchdevice" lang="dspTitleNmKn" >タイトル名(かな)</a>
<a id="label-sort-titlekana" class="lang control_sort_off" style="display: none" lang="dspTitleNmKn" >タイトル名(かな)</a>
<span id="titlekana-sorttype"> </span>
<span id="separate"><b>|</b></span>
<span id="separate">|</span>
</li>
<li>
<a id="control-sort-releasedate" class="lang control_sort_on nottouchdevice" lang="txtPubDt" >公開日</a>
<a class="lang control_sort_off" style="display: none" lang="txtPubDt">公開日</a>
<span id="rDate-sorttype"> </span>
<span><b>|</b></span>
<span>|</span>
</li>
<li>
<a id="control-sort-viewdate" class="active_tops lang control_sort_on nottouchdevice" lang="txtViewDt" >閲覧日</a>
......@@ -146,5 +134,18 @@
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/common.js"></script>
<script src="./js/history.js"></script>
<script src="./js/header.js"></script>
<script src="./common/js/gotop.js"></script>
<script src="common/js/tab.js"></script>
<script src="./common/js/screenLock.js" type="text/javascript"></script>
<script src="js/detail.js" type="text/javascript"></script>
</body>
</html>
\ No newline at end of file
......@@ -7,7 +7,7 @@
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title>Home | ABook Viewer for WEB</title>
<title>Home | SMART CATALOG for WEB</title>
<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" />
......@@ -18,31 +18,13 @@
<link rel="stylesheet" type="text/css" href="./common/css/screen.css" />
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/backup.css" rel="stylesheet" type="text/css" />
<link href="css/restore.css" rel="stylesheet" type="text/css" />
<link href="css/tab.css" rel="stylesheet" type="text/css" />
<link href="css/list_shirori_detail.css" type="text/css" rel="stylesheet" />
<link href="css/home.css" rel="stylesheet" type="text/css" />
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/common.js"></script>
<script src="./js/home.js"></script>
<script src="./js/header.js"></script>
<script src="./common/js/gotop.js"></script>
<script src="common/js/tab.js"></script>
<script src="./common/js/jquery.cookie.js" type="text/javascript"></script>
<script src="./common/js/jquery.cookie.js" type="text/javascript"></script>
<script src="./common/js/jquery.treeview.edit.js" type="text/javascript"></script>
<script src="./common/js/jquery.treeview.js" type="text/javascript"></script>
<script src="./common/js/screenLock.js" type="text/javascript"></script>
<script src="js/detail.js" type="text/javascript"></script>
<link href="./css/common.css" rel="stylesheet" type="text/css" />
<link href="./css/header.css" rel="stylesheet" type="text/css" />
<link href="./css/backup.css" rel="stylesheet" type="text/css" />
<link href="./css/restore.css" rel="stylesheet" type="text/css" />
<link href="./css/tab.css" rel="stylesheet" type="text/css" />
<link href="./css/list_shirori_detail.css" type="text/css" rel="stylesheet" />
<link href="./css/home.css" rel="stylesheet" type="text/css" />
</head>
<body id="bookshelf">
......@@ -60,20 +42,20 @@
<li class="kor" id="language-kr"><a href="#">한글</a></li>
<li class="manual_link"><a id="manual" href="../usermanual.html" target="_manual">Manual</a></li>
<li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
</ul>
<p class="button">
<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
<a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
<a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
<a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>
</p>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
<ul class="button">
<li class="leftButtonSelected"><a class="homeButton lang" id="dspHome" lang="dspHome" href="#">ホーム</a></li>
<li class="middleButton"><a class="sioriButton lang" href="#" id="dspShiori" lang="dspShiori">しおり</a></li>
<li class="middleButton"><a class="historyButton lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a></li>
<li class="middleButton"><a class="settingButton lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a></li>
<li class="rightButton"><a style="margin-right:0;" class="logoutButton lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a></li>
</ul>
</div>
</div>
</header>
......@@ -96,7 +78,7 @@
<div id="book_data">
<p class="book_img"><img src="" id="imgContentThumbnail" alt="" height="25px" width="25px" /></p>
<ul>
<li class="title" id="txtContentTitle">Abook資料</li>
<li class="title" id="txtContentTitle">SMART CATALOG資料</li>
<li class="date"><label id="txtPubDt2" lang="dspPubDt2" class="lang">発行日:</label><label id="txtPubDt2_Dsp">____/__/__ __:__</label></li>
<li class="explain" id="txtContentDetail">スマートデバイス向け<br />統合ソリューション</li>
</ul>
......@@ -109,10 +91,6 @@
</article>
<div class="wrapper">
<div id="main">
<div class="tabUnit">
<ul class="switchingTab">
<li class="colleft" ><a href="#list_0" class="current lang" lang="txtGen" id="lnkbtnGenre">ジャンル</a></li>
......@@ -128,8 +106,8 @@
<article class="articlehome">
<div class="tops">
<a class="btn_blue" id="control-bookshelf-type"><img src="img/common/icon_book.gif"><span class="lang" lang="txtHondana">本棚</span></a>
<a class="btn_gray" id="control-list-type"><img src="img/common/icon_list.gif"><span class="lang" lang="txtList">リスト</span></a>
<a class="shelvesButton" id="control-bookshelf-type"><span class="lang" lang="txtHondana">本棚</span></a>
<a class="listButton" id="control-list-type"><span class="lang" lang="txtList">リスト</span></a>
<ul>
<li><span class="lang" lang="txtSort">並べ替え</span><span><b>|</b></span></li>
......@@ -169,13 +147,34 @@
</div>
<footer>
<div class="border">
<div class="cnt_visuamallLogo"><img src="images/visuamall_logo.png"></div>
<div class="cnt_footer">
COPYRIGHT © 2012 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
<ul>
<li>Copyright &copy; SoftBank Telecom Corp. All rights reserved.</li>
<li>Copyright &copy; SoftBank BB Corp. All rights reserved.</li>
</ul>
</div>
</div>
</footer>
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/common.js"></script>
<script src="./js/home.js"></script>
<script src="./js/header.js"></script>
<script src="./common/js/gotop.js"></script>
<script src="./common/js/tab.js"></script>
<script src="./common/js/jquery.cookie.js" type="text/javascript"></script>
<script src="./common/js/jquery.cookie.js" type="text/javascript"></script>
<script src="./common/js/jquery.treeview.edit.js" type="text/javascript"></script>
<script src="./common/js/jquery.treeview.js" type="text/javascript"></script>
<script src="./common/js/screenLock.js" type="text/javascript"></script>
<script src="js/detail.js" type="text/javascript"></script>
</body>
</html>
\ No newline at end of file

2.1 KB | W: | H:

2.31 KB | W: | H:

abvw/img/list/newbook.png
abvw/img/list/newbook.png
abvw/img/list/newbook.png
abvw/img/list/newbook.png
  • 2-up
  • Swipe
  • Onion skin

2.37 KB | W: | H:

2.49 KB | W: | H:

abvw/img/list/updatebook.png
abvw/img/list/updatebook.png
abvw/img/list/updatebook.png
abvw/img/list/updatebook.png
  • 2-up
  • Swipe
  • Onion skin

239 Bytes | W: | H:

1.17 KB | W: | H:

abvw/img/login/close.png
abvw/img/login/close.png
abvw/img/login/close.png
abvw/img/login/close.png
  • 2-up
  • Swipe
  • Onion skin

1.05 KB | W: | H:

253 Bytes | W: | H:

abvw/img/treeview/treeview-default-line.gif
abvw/img/treeview/treeview-default-line.gif
abvw/img/treeview/treeview-default-line.gif
abvw/img/treeview/treeview-default-line.gif
  • 2-up
  • Swipe
  • Onion skin
......@@ -532,7 +532,7 @@ function insertRowError(contentid, pageTitle, pageNo) {
newRow += " <input type='checkbox' name='chkDelete' value='{\"contentid\":" + contentid + ", \"pageNo\":" + pageNo + "}'/>";
newRow += " </div>";
newRow += " <div class='text'>";
newRow += ' <label class="name" style="color: #2D83DA;">' + truncate(pageTitle, 20) + '</label>';
newRow += ' <label class="name" style="color: #fff;">' + truncate(pageTitle, 20) + '</label>';
newRow += ' <div class="info">';
newRow += " <label class='lang name' lang='msgShioriDeleted'>" + i18nText('msgShioriDeleted') + "</label>";
......@@ -561,7 +561,7 @@ function insertRow(contentid, pageThumbnail, pageTitle, pageText, pageNo, hasMem
newRow += '<img id="loadingIcon' + contentid + "_" + pageNo + '" src="./img/data_loading.gif" height="25px" width="25px" style="padding: 46px; "/>';
newRow += "</a>";
newRow += "<div class='text'>";
newRow += '<label id="Label1" class="name" style="color: #2D83DA;">' + truncate(pageTitle, 20) + '</label>';
newRow += '<label id="Label1" class="name" style="color: #fff;">' + truncate(pageTitle, 20) + '</label>';
newRow += '<div class="info">';
newRow += '<ul class="date">';
newRow += '<li><label id="Label2" class="lang" lang="txtPage">' + i18nText('txtPage') + '</label><label id="Label3">' + pageNo + '</label></li>';
......
......@@ -1621,7 +1621,7 @@ function renderContent(id, text, division, type, order, from, to, cateid, grpid)
'<section class="sectionhomelist">'
+ ' <div class="cnt_section_list">'
+ ' <a class="img">'
+ ' <canvas height="105px" width="150px" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;">'
+ ' <canvas height="100px" width="130px" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;">'
+ ' </canvas>'
+ ' <img id="loadingIcon' + post.contentId + '" src="./img/data_loading.gif" height="25px" width="25px" style="padding: 46px; "/>'
+ ' </a>'
......@@ -1670,11 +1670,12 @@ function renderContent(id, text, division, type, order, from, to, cateid, grpid)
// if (ClientData.sortOpt_viewMode() == Consts.ConstDisplayMode_BookShelf) {
if (isShowBookShelf) {
$('#content-grid').addClass("sectionhomebookshelfBackground");
$('#content-grid').append(
'<section class="sectionhomebookshelf" id="bookshelf' + post.contentId + '">'
+ ' <div class="cnt_section_bookshelf">'
+ ' <div class="img">'
+ ' <canvas height="170px" width="170px" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;">'
+ ' <canvas height="120px" width="130px" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;">'
+ ' </canvas>'
+ ' </div>'
+ ' <img id="loadingIcon' + post.contentId + '" src="./img/data_loading.gif" height="25px" width="25px" style="padding: 86px; "/>'
......@@ -1692,11 +1693,12 @@ function renderContent(id, text, division, type, order, from, to, cateid, grpid)
}
// else if (ClientData.sortOpt_viewMode() == Consts.ConstDisplayMode_List) {
else if (!isShowBookShelf) {
$('#content-grid').removeClass("sectionhomebookshelfBackground");
$('#content-grid').append(
'<section class="sectionhomelist">'
+ ' <div class="cnt_section_list">'
+ ' <a class="img">'
+ ' <canvas height="105px" width="150px" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;">'
+ ' <canvas height="100px" width="130px" id="content-thumbnail' + post.contentId + '" contentid="' + post.contentId + '" style="display:none;">'
+ ' </canvas>'
+ ' <img id="loadingIcon' + post.contentId + '" src="./img/data_loading.gif" height="25px" width="25px" style="padding: 46px; "/>'
+ ' </a>'
......
......@@ -15,21 +15,11 @@
<link href="css/restore.css" rel="stylesheet" type="text/css" />
<title>Settings | ABook Viewer For Web</title>
<title>Settings | SMART CATALOG For Web</title>
<link rel="stylesheet" type="text/css" href="./common/css/jquery-ui.css" />
<link rel="stylesheet" type="text/css" href="./common/css/jquery.toastmessage.css" />
<link href="./common/css/default.css" rel="stylesheet" type="text/css" />
<link href="./common/css/screenLock.css" rel="stylesheet" type="text/css" />
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/common.js"></script>
<script src="common/js/screenLock.js" type="text/javascript"></script>
<script src="js/header.js" type="text/javascript"></script>
<script src="js/settings.js" type="text/javascript"></script>
<!--[if gte IE 9]>
<style type="text/css">
......@@ -51,20 +41,20 @@
<li class="kor" id="language-kr"><a href="#">한글</a></li>
<li class="manual_link"><a id="manual" href="../usermanual.html" target="_manual">Manual</a></li>
<li style="padding-left:0;"><input id="searchbox-key" type="text" placeholder="キーワードを入力してください"></li>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
</ul>
<p class="button">
<a style="margin-right:0;" class="blue lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a>
<a class="blue lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a>
<a class="blue lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a>
<a class="blue lang" href="#" id="dspShiori" lang="dspShiori">しおり</a>
<a class="blue lang" id="dspHome" lang="dspHome" href="#">ホーム</a>
</p>
<div id="header-searchbox">
<input type="radio" id="searchbox-content" name="searchbox-searchtype" value="1" checked /><span id="searchbox-content-header" class="lang" lang="txtCtnNm">コンテンツ名</span><br/>
<input type="radio" id="searchbox-tag" name="searchbox-searchtype" value="2" /><span class="lang" id="searchbox-tag-header" lang="txtTag">タグ</span><br/>
<input type="radio" id="searchbox-body" name="searchbox-searchtype" value="3" /><span class="lang" id="searchbox-body-header" lang="txtContTxt">本文</span><br/>
<a class="blue lang" href="#" id="searchbox-search" lang="txtSearch">検索</a>
</div>
<ul class="button">
<li class="leftButton"><a class="homeButton lang" id="dspHome" lang="dspHome" href="#">ホーム</a></li>
<li class="middleButton"><a class="sioriButton lang" href="#" id="dspShiori" lang="dspShiori">しおり</a></li>
<li class="middleButton"><a class="historyButton lang" href="#" lang="dspViewHistory" id="dspViewHistory">閲覧履歴</a></li>
<li class="middleButtonSelected"><a class="settingButton lang" href="#" lang="dspSetting" id="dspSetting">設定変更</a></li>
<li class="rightButton"><a style="margin-right:0;" class="logoutButton lang" href="#" id="dspLogout" lang="dspLogout">ログアウト</a></li>
</ul>
</div>
</div>
</header>
......@@ -82,6 +72,7 @@
<a class="ok lang" href="#" id="dlgConfirmBackup-backup" lang="dspBkOK">バックアップしてログアウト</a>
</p>
</section>
<div class="wrapper">
<div id="main">
<article>
......@@ -108,9 +99,9 @@
<li><label><input type=checkbox name="confirmClose" value="confirmClose" class="chkbx" id="chkOpt005" checked="checked" /><label for="chkOpt005" id="txtOpt005" lang="txtOpt005" class="lang">タブ・ブラウザ終了・F5時のアラートが表示する</label></label></li>
</ul>
<h3 id="txtBkResCap" lang="txtBkResCap" class="lang">サーバにバックアップ/リストア</h3>
<p class="logout_backup"><label><input type=checkbox name="backup" value="backup" id="chkOptBkCfm" checked="checked"><label id="txtOptBkCfm" for="chkOptBkCfm" lang="txtOptBkCfm" class="lang">毎回ログアウトの時、バックアップするかどうかは必ず確認する</label></label></p>
<p class="backupbtn"><a class="backup lang" lang="dspOptBk" id="dspOptBk" href="#" >バックアップ</a><a href="#" id="dspOptRes" lang="dspOptRes" class="lang" style="visibility:hidden;">リストア</a></p>
<p class="savebtn"><a class="save lang" href="#" id="dspSave" lang="dspSave">保存する</a><a class="default lang" href="#" id="dspOptReset" lang="dspOptReset">初期設定に戻る</a></p>
<div class="logout_backup"><label><input type=checkbox name="backup" value="backup" id="chkOptBkCfm" checked="checked"><label id="txtOptBkCfm" for="chkOptBkCfm" lang="txtOptBkCfm" class="lang">毎回ログアウトの時、バックアップするかどうかは必ず確認する</label></label></div>
<div class="backupbtn"><a class="backup lang" lang="dspOptBk" id="dspOptBk" href="#" >バックアップ</a><a href="#" id="dspOptRes" lang="dspOptRes" class="lang" style="visibility:hidden;">リストア</a></div>
<div class="savebtn"><a class="save lang" href="#" id="dspSave" lang="dspSave">保存する</a><a class="default lang" href="#" id="dspOptReset" lang="dspOptReset">初期設定に戻る</a></div>
</div>
</section>
</article>
......@@ -120,7 +111,7 @@
<p class="message"><label id="txtBkMsg" lang="txtBkMsg" class="lang">サーバにバックアップしますか?</label></p>
<p class="backupbtn"><a class="ok lang" href="#" id="dspOptBk_OK" lang="dspOK">OK</a><a class="cancel lang" href="#" lang="dspCancel" id="dspOptBk_Cancel">キャンセル</a></p>
<p class="backupbtn"><a class="ok lang" href="#" id="dspOptBk_OK" lang="dspOK" style="margin-right:105px;">OK</a><a class="cancel lang" href="#" lang="dspCancel" id="dspOptBk_Cancel">キャンセル</a></p>
</section>
<section class="sectionrestore" id="dlgConfirmRestore">
......@@ -129,7 +120,7 @@
<p class="message"><label id="txtResMsg" class="lang" lang="txtResMsg"></label></p>
<p class="notice"><label class="lang" lang="txtResMsgNotice"></label></p>
<p class="restorebtn"><a class="ok lang" href="#" id="dspOptRes_OK" lang="dspOK">OK</a><a class="cancel lang" href="#" id="dspOptRes_Cancel" lang="dspCancel">キャンセル</a></p>
<p class="restorebtn"><a class="ok lang" href="#" id="dspOptRes_OK" lang="dspOK" style="margin-right:105px;">OK</a><a class="cancel lang" href="#" id="dspOptRes_Cancel" lang="dspCancel">キャンセル</a></p>
</section>
<section id="dlgChangePassword" class="sectionchangepassword">
......@@ -153,6 +144,7 @@
</section>
</div>
</div>
<footer>
<div class="border">
<div class="cnt_footer">
......@@ -163,5 +155,15 @@
<iframe style="height:0px;width:0px;visibility:hidden" src="about:blank">
this frame prevents back forward cache
</iframe>
<script src="./common/js/jquery-1.8.1.min.js"></script>
<script src="./common/js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="./common/js/jquery.toastmessage.js"></script>
<script src="./common/js/avweb.js"></script>
<script src="./common/js/i18n.js"></script>
<script src="./common/js/common.js"></script>
<script src="common/js/screenLock.js" type="text/javascript"></script>
<script src="js/header.js" type="text/javascript"></script>
<script src="js/settings.js" type="text/javascript"></script>
</body>
</html>
No preview for this file type
......@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<title>Abook</title>
<title>SMART CATALOG</title>
</head>
<body>
......
......@@ -9,7 +9,7 @@
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title>Login | ABook Viewer for WEB</title>
<title>Login | SMART CATALOG for WEB</title>
<link type="text/css" rel="stylesheet" href="./abvw/css/common.css" />
......@@ -91,8 +91,12 @@
</div>
<footer>
<div class="border">
<div class="cnt_visuamallLogo"><img src="abvw/images/visuamall_logo.png"></div>
<div class="cnt_footer">
COPYRIGHT © 2012 AGENTEC Co., Ltd. ALL RIGHTS RESERVED.
<ul>
<li>Copyright &copy; SoftBank Telecom Corp. All rights reserved.</li>
<li>Copyright &copy; SoftBank BB Corp. All rights reserved.</li>
</ul>
</div>
</div>
</footer>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment