Skip to content

C
check
Commit e70332da by Motohisa Nakano
Options

update SMARTCATALOG design

parent bffad8d5
Showing with 994 additions and 607 deletions
abvw/bookmark.html
......@@ -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>
abvw/common/css/jquery.treeview.css
......@@ -9,7 +9,7 @@
overflow-x: auto;
}
.treeview ul {
background-color: white;
background-color: #eaeaea;
margin-top: 4px;
}
......
abvw/common/js/common.js
......@@ -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
......
abvw/common/json/lang/lang-en.json
......@@ -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",
......
abvw/common/json/lang/lang-ja.json
......@@ -112,7 +112,7 @@
"txtMemoEdit":"編集",
"txtMemoCopy":"コピー",
"msgPageImgErr":"コンテンツを表示することができません。コンテンツが削除された可能性があります。ホーム画面に戻り、異なるコンテンツを選択してください。",
"sysAppTitle":"ABook閲覧ウェブ版",
"sysAppTitle":"SMART CATALOG ウェブ版",
"sysLockScrPwdInput":"パスワードを入力してください",
"txtOpt005":"タブ・ブラウザ終了・F5時のアラートが表示する",
"txtMemoMenu":"メモ編集",
......
abvw/common/json/lang/lang-ko.json
......@@ -112,7 +112,7 @@
"txtMemoEdit":"편집",
"txtMemoCopy":"복사",
"msgPageImgErr":"컨텐츠를 표시할 수 없습니다. 이 컨텐츠는 삭제되었을 가능성이 있습니다.",
"sysAppTitle":"ABook : 멀티미디어 컨텐츠 플랫폼",
"sysAppTitle":"SMART CATALOG : 멀티미디어 컨텐츠 플랫폼",
"sysLockScrPwdInput":"패스워드를 입력해 주십시오.",
"txtOpt005":"새로고침을 하거나, 탭/창을 닫을 때 경고 표시",
"txtMemoMenu":"편집",
......
abvw/common/json/sys/conf.json
{
"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,
......
abvw/contentsearch.html
......@@ -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
abvw/contentview_textcopy.html
......@@ -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>
......
abvw/css/backup.css
......@@ -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
}
*/
abvw/css/common.css
......@@ -5,12 +5,12 @@
body{
margin:0;
padding:0;
background:#f4f4f4;
background:#333;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "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
}
abvw/css/contentsearch.css
......@@ -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
abvw/css/delete_shiori.css
......@@ -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
abvw/css/header.css
......@@ -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
......
abvw/css/history.css
......@@ -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;
......
abvw/css/list_shiori.css
......@@ -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
abvw/css/list_shirori_detail.css
......@@ -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;
......
abvw/css/login.css
......@@ -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 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 {
......
abvw/css/restore.css
......@@ -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
}
*/
abvw/css/tab.css
......@@ -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{
......
abvw/history.html
......@@ -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
abvw/home.html
......@@ -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
abvw/img/list/newbook.png
abvw/img/list/newbook.png

2.1 KB | W: | H:

abvw/img/list/newbook.png

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
abvw/img/list/updatebook.png
abvw/img/list/updatebook.png

2.37 KB | W: | H:

abvw/img/list/updatebook.png

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
abvw/img/login/close.png
abvw/img/login/close.png

239 Bytes | W: | H:

abvw/img/login/close.png

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
abvw/img/treeview/treeview-default-line.gif
abvw/img/treeview/treeview-default-line.gif

1.05 KB | W: | H:

abvw/img/treeview/treeview-default-line.gif

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
abvw/js/bookmark.js
......@@ -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>';
......
abvw/js/home.js
......@@ -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>'
......
abvw/settings.html
......@@ -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">ＯＫ</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;">ＯＫ</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">ＯＫ</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;">ＯＫ</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>
favicon.ico
No preview for this file type
index.html
......@@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<title>Abook</title>
<title>SMART CATALOG</title>
</head>
<body>
......
login.html
......@@ -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