Commit dc5384d4 by Vo Duc Thang

デザイン組み込み前のファイルを削除

parent 0be57cac
@charset('utf-8');
/*
* {
font-family: "メイリオ", "MS Pゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", "sans-serif";
font-size: 12pt;
-webkit-font-smoothing: antialiased;
}
*/
/**
* システムエラーメッセージスタイル
*/
.toast-container {
z-index: 90001;
}
.toast-item {
border-radius: 10px;
}
.toast-position-middle-center {
margin-left: -250px;
width: 500px;
}
/* PowerTip Plugin */
#powerTip {
cursor: default;
background-color: #333; /* fallback for browsers that dont support rgba */
background-color: rgba(0, 0, 0, 0.4);
border-radius: 6px;
color: #FFF;
display: none;
padding: 10px;
position: absolute;
white-space: nowrap;
z-index: 2;
font-size:11px;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
content: "";
position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
border-right: 5px solid transparent;
border-left: 5px solid transparent;
left: 50%;
margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
margin-top: -5px;
top: 50%;
}
#powerTip.n:before {
/*border-top: 10px solid rgba(0, 0, 0, 0.8);*/
bottom: -10px;
}
#powerTip.e:before {
border-right: 10px solid rgba(0, 0, 0, 0.8);
left: -10px;
}
#powerTip.s:before {
/*border-bottom: 10px solid rgba(0, 0, 0, 0.8);*/
top: -10px;
}
#powerTip.w:before {
border-left: 10px solid rgba(0, 0, 0, 0.8);
right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
border-right: 10px solid transparent;
border-left: 0;
left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
border-left: 10px solid transparent;
border-right: 0;
right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
border-top: 10px solid rgba(0, 0, 0, 0.8);
bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
border-bottom: 10px solid rgba(0, 0, 0, 0.8);
top: -10px;
}
.toast-container {
width: 280px;
z-index: 9999;
}
* html .toast-container {
position: absolute;
}
.toast-item {
height: auto;
background: #333;
opacity: 0.9;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
color: #eee;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 6px;
padding-right: 6px;
font-family: lucida Grande;
font-size: 14px;
border: 2px solid #999;
display: block;
position: relative;
margin: 0 0 12px 0;
}
.toast-item p {
text-align: left;
margin-left: 50px;
}
.toast-item-close {
background:url(./images/close.gif);
width:22px;
height:22px;
position: absolute;
top:7px;
right:7px;
}
.toast-item-image {
width:32px;
height: 32px;
position: absolute;
top: 50%;
margin-top: -16px;
left: 10px;
}
.toast-item-image-notice {
background:url(./images/notice.png);
}
.toast-item-image-success {
background:url(./images/success.png);
}
.toast-item-image-warning {
background:url(./images/warning.png);
}
.toast-item-image-error {
background:url(./images/error.png);
}
/* add for multiline */
.toast-item-message
{
background-position:left center;
padding-left:44px;
height: 32px;
background-repeat:no-repeat;
line-height:32px;
font-size:14px;
margin:5px 10px;
}
/**
* toast types
*
* pattern: toast-type-[value]
* where 'value' is the real value of the plugin option 'type'
*
*/
.toast-type-notice {
color: white;
}
.toast-type-success {
color: white;
}
.toast-type-warning {
color: white;
border-color: #FCBD57;
}
.toast-type-error {
color: white;
border-color: #B32B2B;
}
/**
* positions
*
* pattern: toast-position-[value]
* where 'value' is the real value of the plugin option 'position'
*
*/
.toast-position-top-left {
position: fixed;
left: 20px;
top: 20px;
}
.toast-position-top-center {
position: fixed;
top: 20px;
left: 50%;
margin-left: -140px;
}
.toast-position-top-right {
position: fixed;
top: 20px;
right: 20px;
}
.toast-position-middle-left {
position: fixed;
left: 20px;
top: 50%;
margin-top: -40px;
}
.toast-position-middle-center {
position: fixed;
left: 50%;
margin-left: -140px;
margin-top: -40px;
top: 50%;
}
.toast-position-middle-right {
position: fixed;
right: 20px;
margin-left: -140px;
margin-top: -40px;
top: 50%;
}
.treeview, .treeview ul {
padding: 10px;
margin: 0;
list-style: none;
}
.treeview
{
white-space: nowrap;
overflow-x: auto;
}
.treeview ul {
background-color: white;
margin-top: 4px;
}
.treeview .hitarea {
background: url('../../img/branch/treeview-default.gif') -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}
.treeview li {
margin: 0;
padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
/*.treeview .hover { color: red; cursor: pointer; }*/
.treeview .hover { color: red; cursor: pointer; text-decoration: underline;}
.treeview li { background: url('../../img/treeview/treeview-default-line.gif') 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../../img/branch/treeview-default.gif'); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url('../../img/treeview/treeview-red-line.gif'); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('../../img/treeview/treeview-red.gif'); }
.treeview-black li { background-image: url('../../img/treeview/treeview-black-line.gif'); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('../../img/treeview/treeview-black.gif'); }
.treeview-gray li { background-image: url('../../images/treeview/treeview-gray-line.gif'); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('../../img/treeview/treeview-gray.gif'); }
.treeview-famfamfam li { background-image: url('../../img/treeview/treeview-famfamfam-line.gif'); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('../../img/treeview/treeview-famfamfam.gif'); }
.treeview .placeholder {
background: url('../../img/treeview/ajax-loader.gif') 0 0 no-repeat;
height: 16px;
width: 16px;
display: block;
}
.filetree li { padding: 3px 0 2px 16px; }
/*.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block;}*/
.filetree span.folder { background: url('../../img/treeview/folder.gif') 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url('../../img/treeview/folder-closed.gif') 0 0 no-repeat; }
.filetree span.file { background: url('../../img/treeview/file.gif') 0 0 no-repeat; }
/*
Edit new 2012-10-04 - Delivery
*/
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; cursor: pointer; }
span.file:hover { text-decoration: underline;}
\ No newline at end of file
html, body {height:100%; margin: 0; padding: 0; }
html>body {
font-size: 16px;
font-size: 68.75%;
} /* Reset Base Font Size */
body {
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 68.75%;
background: #fff;
color: #333;
}
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
#main { padding: 1em; }
a img { border: none; }
\ No newline at end of file
@charset('utf-8');
/**
* screen lock style definition
*/
.screenLock {
font-size: 10pt;
-webkit-font-smoothing: antialiased;
}
.screenLock-content img {
margin: 0 auto;
width: 128px;
height: 128px;
}
.screenLock-error {
color: #f33;
margin: 8px auto;
}
#passwd-txt {
font-size: 10pt;
width: 180px;
}
.ime-inactive
{
ime-mode: inactive;
}
.ime-disabled
{
ime-mode: disabled;
}
\ No newline at end of file
#slideWrapper
{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.gallery-image
{
width: 80%;
margin: 0 auto;
margin-top:1%;
height: 65%;
box-shadow: 0px 2px 8px 0px #999;
position: relative;
overflow: hidden;
}
.slideshow-control
{
width: 10%;
}
.gallery-thumb
{
width: 100%;
margin: 0 auto;
margin-top: 2%;
height: 20%;
}
#selector-img
{
height: 100%;
width: 80%;
/*overflow: hidden;*/
margin: 0 auto;
position: relative;
left: 20px;
}
#control-prev
{
float: left;
}
#control-next
{
float: right;
clear:none;
clear:none;
position: relative;
top: -100%;
}
.main-control
{
width: 10%;
height: 100%;
opacity: 0.65;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
background-color: #AAAAAA;
}
#main-control-prev
{
float: left;
background-color: gray;
z-index: 1;
position: relative;
background-image: url('../../img/main_previous.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#main-control-next
{
float: right;
clear:none;
background-color: gray;
z-index: 1;
position: relative;
top: -100%;
background-image: url('../../img/main_next.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.slideshow-control img
{
height:50%;
width: 50%;
margin-top: 40%;
}
#control-prev img
{
float:right;
}
#main-img
{
background-color: black;
height:100%;
width: 100%;
z-index: 0;
position: relative;
}
.mainThumbnail
{
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 100%;
width: 100%;
position: absolute;
display: block;
}
.thumbnail
{
width: 15%;
height: 100%;
padding: 2px;
margin: 0% 1%;
display: block;
vertical-align: middle;
box-shadow: 0px 2px 8px 0px #ccc;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
border:3px solid #fff;
background-color: black;
float: left;
clear: none;
position: relative;
}
.first
{
margin-left: 23px;
}
// add new HTML tag for ie
//-----------------------------------------------------------------------------------------
var newtag = [ 'header', 'nav', 'section', 'article', 'aside', 'footer', 'address', 'menu' ];
for (var key in newtag) {
var tag= newtag[key];
document.createElement(tag);
};
\ No newline at end of file
$(function(){
$('#gotop').hide(); // �f�t�H���g�Ŕ�\���Ƃ���
$(window).scroll(function(){
if ($(this).scrollTop() > 100) { // scrollTop() �Ō��݂̃X�N���[����̏�ʒu��擾
$('#gotop').fadeIn(); // 100��߂��Ă�����A#backToTop�i�߂�{�^���j��t�F�[�h�C��������
} else {
$('#gotop').fadeOut(); // ����ȊO�́A�t�F�[�h�A�E�g
}
});
// �N���b�N���ɃX���[�Y�Ƀy�[�W�㕔�փX�N���[��������
$('#gotop').click(function(){
$('body,html').animate({ scrollTop: 0 }, 350);
return false; // ���y1�z
});
});
/**
* ABook Viewer for WEB
* 国際化(言語切替)対応共通処理
*
* 言語リソースファイルは、指定する言語に合わせて以下のファイルを修正する
* - 日本語: lang-ja.json
* - 韓国語: lang-ko.json
* - 英語 : lang-en.json
*
* Copyright (C) Agentec Co, Ltd. All rights reserved.
*/
/**
* 定数:言語ファイル配置場所
*/
var avwsys_location = "/common/json/lang";
var avwsys_dir = "/abvw";
var avwsys_storagekey = "AVWUS_Lang";
var avwsys_currLang = "AVW_CurrLang";
/* 言語の初期化 */
$(function() {
// ログイン画面/直接アクセス対策
var location = window.location.toString().toLowerCase();
if (location.indexOf(avwsys_dir) < 0) {
// avwsys_dirディレクトリ配下ではない場合は、avwsys_dirディレクトリをつける
avwsys_location = "." + avwsys_dir + avwsys_location;
} else {
// avwsys_dirディレクトリ配下の場合は、相対パスに変換
avwsys_location = "." + avwsys_location;
}
var lang = "en";
var storage = window.localStorage;
if(storage) {
var lang = storage.getItem(avwsys_storagekey);
if(!lang) {
lang = getNavigatorLanguage();
}
}
// 言語ファイルを初期化する
loadLanguage(lang);
});
/* ブラウザの言語設定を取得する */
function getNavigatorLanguage() {
var lang = (navigator.browserLanguage || navigator.language || navigator.userLanguage);
/* 対応言語 */
var languages = ['ja','ko','en']; // 対応言語を増やす場合はここを変更する
if(lang.match(/ja|ko|en/g)) {
for(var i = 0; i < languages.length; i++) {
var index = lang.indexOf(languages[i]);
if(index >= 0) {
lang = lang.substring(index, 2);
break;
}
}
} else {
lang = 'en'; // 対応言語が無ければ英語をデフォルトとする
}
return lang;
};
/* 言語リソースファイル読み込み */
function loadLanguage(lang) {
// 引数から言語ファイルを選択
var langfile = "lang-" + lang + ".json";
// 言語ファイルを読み込む
$.ajax({
url: avwsys_location + "/" + langfile,
async: false,
dataType: 'json',
cache: false,
success: function(data) {
// lang属性の書換え
document.documentElement.lang = lang;
// html の言語データを書換える
var jsonLangData = data;
replaceText(jsonLangData);
// 言語設定、言語データをストレージにキャッシュしておく
storeCurrentLanguage(lang, jsonLangData);
},
error: function(xhr, txtStatus, errorThrown) {
var error = 'Could not load a language file ' + langfile + '. please check it.';
error += '\n' + xhr.status + ' ' + txtStatus + ' ' + errorThrown + ' : ' + langfile;
alert(error);
}
});
};
/* ページ内のテキストをすべて言語に合わせて置換する */
function replaceText(jsonLangData) {
var itemCount = $('.lang').length;
if(itemCount > 0) {
for(var i = 0; i < itemCount; i++) {
var obj = $('.lang:eq(' + i + ')');
var langId = obj.attr('lang');
if(langId) {
var langText = getLangText(jsonLangData, langId);
var tn = obj.get()[0].localName;
if(tn == 'input') {
if(obj.attr('type') == 'button' || obj.attr('type') == 'submit') {
obj.val(langText);
} else {
obj.text(langText);
}
} else {
obj.text(langText);
}
}
}
}
};
/* 現在設定されている言語でHTMLテキストを置き換える */
function i18nReplaceText() {
var storage = window.sessionStorage;
if(storage) {
var value = storage.getItem(avwsys_storagekey);
if(value) {
var json = JSON.parse(value);
replaceText(json);
}
}
};
/* キーから文字列を取得 */
function i18nText(key) {
var storage = window.sessionStorage;
if(storage) {
var value = storage.getItem(avwsys_storagekey);
if(value) {
var json = JSON.parse(value);
return getLangText(json, key);
}
}
return "undefined";
};
/* 言語データのキー値から文字列を取得 */
function getLangText(jsonLangData, key) {
if(jsonLangData) {
var text = jsonLangData[key];
return text;
}
return "undefined.";
};
/* 言語データの切り替え */
function changeLanguage(lang) {
// 言語の切替を行った場合のみ選択言語をストアする
var storage = window.localStorage;
if(storage) {
storage.setItem(avwsys_storagekey, lang);
}
// 言語ファイルを読み込み、テキスト文字列を変換する
loadLanguage(lang);
};
/* 設定言語の保存 */
function storeCurrentLanguage(lang, langData) {
var ss = window.sessionStorage;
if(ss) {
// language data
ss.setItem(avwsys_storagekey, JSON.stringify(langData));
// current language
ss.setItem(avwsys_currLang, lang);
}
};
/* 設定言語の取得 */
function getCurrentLanguage() {
var lang;
var storage = window.sessionStorage;
if(storage) {
lang = storage.getItem(avwsys_currLang);
}
if(!lang) {
lang = getNavigatorLanguage();
}
return lang;
};
This source diff could not be displayed because it is too large. You can view the blob instead.
/**
* Cookie plugin
*
* Copyright (c) 2006 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
/**
* Create a cookie with the given name and value and other optional parameters.
*
* @example $.cookie('the_cookie', 'the_value');
* @desc Set the value of a cookie.
* @example $.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
* @desc Create a cookie with all available options.
* @example $.cookie('the_cookie', 'the_value');
* @desc Create a session cookie.
* @example $.cookie('the_cookie', null);
* @desc Delete a cookie by passing null as value.
*
* @param String name The name of the cookie.
* @param String value The value of the cookie.
* @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
* @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
* If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
* If set to null or omitted, the cookie will be a session cookie and will not be retained
* when the the browser exits.
* @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
* @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
* @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
* require a secure protocol (like HTTPS).
* @type undefined
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/
/**
* Get the value of a cookie with the given name.
*
* @example $.cookie('the_cookie');
* @desc Get the value of a cookie.
*
* @param String name The name of the cookie.
* @return The value of the cookie.
* @type String
*
* @name $.cookie
* @cat Plugins/Cookie
* @author Klaus Hartl/klaus.hartl@stilbuero.de
*/
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
var path = options.path ? '; path=' + options.path : '';
var domain = options.domain ? '; domain=' + options.domain : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
\ No newline at end of file
/*
* Copyright 2010 akquinet
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/**
* This JQuery Plugin will help you in showing some nice Toast-Message like notification messages. The behavior is
* similar to the android Toast class.
* You have 4 different toast types you can show. Each type comes with its own icon and colored border. The types are:
* - notice
* - success
* - warning
* - error
*
* The following methods will display a toast message:
*
* $().toastmessage('showNoticeToast', 'some message here');
* $().toastmessage('showSuccessToast', "some message here");
* $().toastmessage('showWarningToast', "some message here");
* $().toastmessage('showErrorToast', "some message here");
*
* // user configured toastmessage:
* $().toastmessage('showToast', {
* text : 'Hello World',
* sticky : true,
* position : 'top-right',
* type : 'success',
* close : function () {console.log("toast is closed ...");}
* });
*
* To see some more examples please have a look into the Tests in src/test/javascript/ToastmessageTest.js
*
* For further style configuration please see corresponding css file: jquery-toastmessage.css
*
* This plugin is based on the jquery-notice (http://sandbox.timbenniks.com/projects/jquery-notice/)
* but is enhanced in several ways:
*
* configurable positioning
* convenience methods for different message types
* callback functionality when closing the toast
* included some nice free icons
* reimplemented to follow jquery plugin good practices rules
*
* Author: Daniel Bremer-Tonn
**/
(function ($) {
var settings = {
inEffect: { opacity: 'show' }, // in effect
inEffectDuration: 600, // in effect duration in miliseconds
stayTime: 3000, // time in miliseconds before the item has to disappear
text: '', // content of the item. Might be a string or a jQuery object. Be aware that any jQuery object which is acting as a message will be deleted when the toast is fading away.
sticky: false, // should the toast item sticky or not?
type: 'notice', // notice, warning, error, success
position: 'top-right', // top-left, top-center, top-right, middle-left, middle-center, middle-right ... Position of the toast container holding different toast. Position can be set only once at the very first call, changing the position after the first call does nothing
closeText: '', // text which will be shown as close button, set to '' when you want to introduce an image via css
close: null, // callback function when the toastmessage is closed
messages: null, // No.17: for multi messages, structure: type+text
customMessages: null // No.17 for custom message
};
var methods = {
init: function (options) {
if (options) {
$.extend(settings, options);
}
},
showToast: function (options) {
var localSettings = {};
$.extend(localSettings, settings, options);
// declare variables
var toastWrapAll, toastItemOuter, toastItemInner, toastItemClose, toastItemImage;
toastWrapAll = (!$('.toast-container').length) ? $('<div></div>').addClass('toast-container').addClass('toast-position-' + localSettings.position).appendTo('body') : $('.toast-container');
toastItemOuter = $('<div></div>').addClass('toast-item-wrapper');
// [start] No.17
//toastItemInner = $('<div></div>').hide().addClass('toast-item toast-type-' + localSettings.type).appendTo(toastWrapAll).html($('<p>').append (localSettings.text)).animate(localSettings.inEffect, localSettings.inEffectDuration).wrap(toastItemOuter);
//toastItemClose = $('<div></div>').addClass('toast-item-close').prependTo(toastItemInner).html(localSettings.closeText).click(function() { $().toastmessage('removeToast',toastItemInner, localSettings) });
//toastItemImage = $('<div></div>').addClass('toast-item-image').addClass('toast-item-image-' + localSettings.type).prependTo(toastItemInner);
// cusstom messages
if (localSettings.customMessages) {
toastItemInner = $('<div id="' + localSettings.customMessages + '"></div>').addClass('toast-item').appendTo(toastWrapAll); //.animate(localSettings.inEffect, localSettings.inEffectDuration);
toastItemClose = $('<div></div>').addClass('toast-item-close').prependTo(toastItemInner).html(localSettings.closeText); //.click(function () { $().toastmessage('removeToast', toastItemInner, localSettings) });
}
// Multi messages
else if (localSettings.messages) {
toastItemInner = $('<div></div>').hide().addClass('toast-item').appendTo(toastWrapAll).animate(localSettings.inEffect, localSettings.inEffectDuration);
toastItemClose = $('<div></div>').addClass('toast-item-close').prependTo(toastItemInner).html(localSettings.closeText).click(function () { $().toastmessage('removeToast', toastItemInner, localSettings) });
for (var nIndexMsg = 0; nIndexMsg < localSettings.messages.length; nIndexMsg++) {
// Add each message to display
$('<div></div>').addClass('toast-item-image-' + localSettings.messages[nIndexMsg].type).addClass('toast-item-message').html(localSettings.messages[nIndexMsg].text).prependTo(toastItemInner);
}
}
else { // Single message -> Same to old method
toastItemInner = $('<div></div>').hide().addClass('toast-item toast-type-' + localSettings.type).appendTo(toastWrapAll).html($('<p>').append(localSettings.text)).animate(localSettings.inEffect, localSettings.inEffectDuration).wrap(toastItemOuter);
toastItemClose = $('<div></div>').addClass('toast-item-close').prependTo(toastItemInner).html(localSettings.closeText).click(function () { $().toastmessage('removeToast', toastItemInner, localSettings) });
toastItemImage = $('<div></div>').addClass('toast-item-image').addClass('toast-item-image-' + localSettings.type).prependTo(toastItemInner);
}
// [ end ] No.17
if (navigator.userAgent.match(/MSIE 6/i)) {
toastWrapAll.css({ top: document.documentElement.scrollTop });
}
if (!localSettings.sticky) {
setTimeout(function () {
$().toastmessage('removeToast', toastItemInner, localSettings);
},
localSettings.stayTime);
}
return toastItemInner;
},
showNoticeToast: function (message) {
var options = { text: message, type: 'notice' };
return $().toastmessage('showToast', options);
},
showSuccessToast: function (message) {
var options = { text: message, type: 'success' };
return $().toastmessage('showToast', options);
},
showErrorToast: function (message) {
var options = { text: message, type: 'error' };
return $().toastmessage('showToast', options);
},
showWarningToast: function (message) {
var options = { text: message, type: 'warning' };
return $().toastmessage('showToast', options);
},
removeToast: function (obj, options) {
obj.animate({ opacity: '0' }, 600, function () {
obj.parent().animate({ height: '0px' }, 300, function () {
obj.parent().remove();
});
});
// callback
if (options && options.close !== null) {
options.close();
}
}
};
$.fn.toastmessage = function (method) {
// Method calling logic
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.toastmessage');
}
};
})(jQuery);
\ No newline at end of file
(function($) {
// var CLASSES = $.treeview.classes;
// var proxied = $.fn.treeview;
// $.fn.treeview = function(settings) {
// settings = $.extend({}, settings);
// if (settings.add) {
// return this.trigger("add", [settings.add]);
// }
// if (settings.remove) {
// return this.trigger("remove", [settings.remove]);
// }
// return proxied.apply(this, arguments).bind("add", function(event, branches) {
// $(branches).prev()
// .removeClass(CLASSES.last)
// .removeClass(CLASSES.lastCollapsable)
// .removeClass(CLASSES.lastExpandable)
// .find(">.hitarea")
// .removeClass(CLASSES.lastCollapsableHitarea)
// .removeClass(CLASSES.lastExpandableHitarea);
// $(branches).find("li").andSelf().prepareBranches(settings).applyClasses(settings, $(this).data("toggler"));
// }).bind("remove", function(event, branches) {
// var prev = $(branches).prev();
// var parent = $(branches).parent();
// $(branches).remove();
// prev.filter(":last-child").addClass(CLASSES.last)
// .filter("." + CLASSES.expandable).replaceClass(CLASSES.last, CLASSES.lastExpandable).end()
// .find(">.hitarea").replaceClass(CLASSES.expandableHitarea, CLASSES.lastExpandableHitarea).end()
// .filter("." + CLASSES.collapsable).replaceClass(CLASSES.last, CLASSES.lastCollapsable).end()
// .find(">.hitarea").replaceClass(CLASSES.collapsableHitarea, CLASSES.lastCollapsableHitarea);
// if (parent.is(":not(:has(>))") && parent[0] != this) {
// parent.parent().removeClass(CLASSES.collapsable).removeClass(CLASSES.expandable)
// parent.siblings(".hitarea").andSelf().remove();
// }
// });
// };
})(jQuery);
\ No newline at end of file
/*
* jQuery UI Touch Punch 0.2.2
*
* Copyright 2011, Dave Furfero
* Dual licensed under the MIT or GPL Version 2 licenses.
*
* Depends:
* jquery.ui.widget.js
* jquery.ui.mouse.js
*/
(function(b){b.support.touch="ontouchend" in document;if(!b.support.touch){return;}var c=b.ui.mouse.prototype,e=c._mouseInit,a;function d(g,h){if(g.originalEvent.touches.length>1){return;}g.preventDefault();var i=g.originalEvent.changedTouches[0],f=document.createEvent("MouseEvents");f.initMouseEvent(h,true,true,window,1,i.screenX,i.screenY,i.clientX,i.clientY,false,false,false,false,0,null);g.target.dispatchEvent(f);}c._touchStart=function(g){var f=this;if(a||!f._mouseCapture(g.originalEvent.changedTouches[0])){return;}a=true;f._touchMoved=false;d(g,"mouseover");d(g,"mousemove");d(g,"mousedown");};c._touchMove=function(f){if(!a){return;}this._touchMoved=true;d(f,"mousemove");};c._touchEnd=function(f){if(!a){return;}d(f,"mouseup");d(f,"mouseout");if(!this._touchMoved){d(f,"click");}a=false;};c._mouseInit=function(){var f=this;f.element.bind("touchstart",b.proxy(f,"_touchStart")).bind("touchmove",b.proxy(f,"_touchMove")).bind("touchend",b.proxy(f,"_touchEnd"));e.call(f);};})(jQuery);
\ No newline at end of file
/**
* ABook Viewer for WEB
* Screen Lock Library
* Copyright (C) Agentec Co, Ltd. All rights reserved.
*
* options
* timeout: タイムアウト秒
* id: オーバーレイ要素のID属性
* html: オーバーレイ上に表示するHTML
* color: テキスト色
* opacity: 透明度
* background: 背景色
* lockspeed: アニメーションスピード( 'slow' 'normal' 'fast' or millisecond like jquery.fadein/fadeout)
* unlockFunc: ロック解除イベント処理
* userScript: ユーザスクリプト
*
* usage:
*
* $(function() {
* var options = { ... };
* screenLock(options);
* }
*
*/
function screenLock(options) {
var idleTimerId = null;
var bTimeout = false;
var defaultOptions = {
timeout : 600000, // default timeout = 10min.
id: 'to',
html: 'Clickして画面ロックを解除してください。',
color: '#fff',
opacity: '0.95',
background: '#333',
lockspeed: 'slow',
errorMessage: 'ロックを解除できません。入力したパスワードを確認してください。',
unlockFunc : function(elmId) {
// overlay click then fade out and remove element
$('#' + elmId).fadeOut(lockspeed, function() {
// ロック画面をDOM要素から削除
$('#' + elmId).remove();
// 画面ロック状態を解除
removeLockState();
// アイドルタイマーをもう一度仕掛ける
setIdleTimer();
});
// unlock
return { 'result': true, 'errorCode' : 'success' };
}
};
var timeout, elmId, html, color, opacity, background, lockspeed, unlockEvent, unlockFunc, errorMessage;
// overlay option
if(options) {
timeout = (options.timeout) ? options.timeout : defaultOptions.timeout;
elmId = (options.id) ? options.id : defaultOptions.id;
html = (options.html) ? options.html : defaultOptions.html;
color = (options.color) ? options.color : defaultOptions.color;
opacity = (options.opacity) ? options.opacity : defaultOptions.opacity;
background = (options.background) ? options.background : defaultOptions.background;
lockspeed = (options.lockspeed) ? options.lockspeed : defaultOptions.lockspeed;
unlockFunc = (options.unlockFunc) ? options.unlockFunc : null;
errorMessage = (options.errorMessage) ? options.errorMessage : defaultOptions.errorMessage;
} else {
timeout = defaultOptions.timeout;
elmId = defaultOptions.id;
html = defaultOptions.html;
color = defaultOptions.color;
opacity = defaultOptions.opacity;
background = defaultOptions.background;
lockspeed = defaultOptions.lockspeed;
unlockFunc = defaultOptions.unlockFunc;
errorMessage = defaultOptions.errorMessage;
}
// bind event
$(window).click(resetIdleTimer)
.mousemove(resetIdleTimer)
.keydown(resetIdleTimer)
.bind('touchstart', resetIdleTimer)
.bind('touchmove', resetIdleTimer);
// アイドルタイマーを起動
setIdleTimer();
/* ロックするまでのアイドルタイマー */
function setIdleTimer() {
// check time out
if (timeout < 0) { // Remove unlock when timeout < 0 (this case for: after unlock, values from service options: web_screen_lock=N)
// clear timeout
if (idleTimerId) {
clearTimeout(idleTimerId);
idleTimerId = null;
}
bTimeout = false;
// clear lock state
removeLockState();
return;
}
// アイドルタイマーのタイムアウト時間(デフォルト/オプション指定時間)
var idleStateTimeout = timeout;
// clear timeout
if(idleTimerId) {
clearTimeout(idleTimerId);
idleTimerId = null;
}
// すでにロック状態かどうかをチェックし、ロック状態であれば、即ロックをかける
if(isLocked()) {
idleStateTimeout = 0;
}
// clear lock state
removeLockState();
// set idle timeout
idleTimerId = setTimeout(function() {
// clear timer id
clearTimeout(idleTimerId);
idleTimerId = null;
bTimeout = true;
// set lock state
setLockState();
// show lock screen
showLockScreen();
}, idleStateTimeout);
// clear time out
bTimeout = false;
};
/* reset idle timer */
function resetIdleTimer() {
if(!bTimeout) {
setIdleTimer();
}
};
/* show lock screen */
function showLockScreen() {
// show message overlay
var tags = '<div id="' + elmId + '" class="screenLock">' +
'<div style="display:table; width:100%; height:100%;">' +
'<div style="display:table-cell; text-align:center; vertical-align:middle;">' +
'<p class="screenLock-content">' + html + i18nText('sysInfoScrLock01') + '</p>' +
'<div id="pw" style="display:none;">' +
'<input id="passwd-txt" placeholder="'+i18nText('sysLockScrPwdInput')+'" type="password" value="" />&nbsp;' +
'<button id="unlock-btn">OK</button>' +
'<div id="screenLockErrMsg" class="screenLock-error" style="display:none;">' + errorMessage + '</div>' +
'</div>' +
'</div>' +
'</div>' +
'</div>';
$(document.body).append(tags);
$('#' + elmId).css( {
'color': color,
'opacity': opacity,
'display': 'none',
'position': 'fixed',
'top': '0',
'left': '0',
'width': $(window).width(),
'height': $(window).height(),
'background': background,
'zIndex': '10000'
})
.fadeIn(lockspeed);
// bind event hander to unlock
$('#' + elmId).click(function() {
$('#pw').fadeIn();
var pwInputTimer = null;
pwInputTimer = setTimeout(function() {
$('#pw').fadeOut();
clearTimeout(pwInputTimer);
}, 15000);
// フォーカスを当ててキーダウンイベントでタイムアウト解除を登録
$('#passwd-txt').focus()
.keydown(function(event) {
// パスワード入力タイマーを解除
if(pwInputTimer) {
clearTimeout(pwInputTimer);
}
pwInputTimer = null;
// エンターキーで解除実行
if(event.which == 13) {
executeUnlock();
}
});
});
// force unlock function
function forceUnlockFunc() {
defaultOptions.unlockFunc(elmId);
};
// execute unlock process
function executeUnlock() {
if (unlockFunc) {
var val = unlockFunc($('#passwd-txt').val(), forceUnlockFunc);
if (!val.result) {
$('#screenLockErrMsg').text(format(errorMessage, val.errorCode.errorMessage));
$('#screenLockErrMsg').fadeIn();
$('#passwd-txt').focus();
return;
}
else {
// Set new timeout value
timeout = val.newTimeout;
}
/*
if(!unlockFunc($('#passwd-txt').val(), forceUnlockFunc)) {
$('#screenLockErrMsg').fadeIn();
$('#passwd-txt').focus();
return;
}
*/
}
defaultOptions.unlockFunc(elmId);
}
// OKボタン押下でロック解除関数を実行
$('#unlock-btn').click(function() { executeUnlock(); });
// resize overlay
$(window).resize(function() {
$('#' + elmId).css( {
'width': $(window).width(),
'height': $(window).height()
});
});
};
/* set lock state */
function setLockState() {
var sessionStorage = window.sessionStorage;
if(sessionStorage) {
sessionStorage.setItem('AVW_ScreenLock', true);
}
};
/* unset lock state */
function removeLockState() {
var sessionStorage = window.sessionStorage;
if(sessionStorage) {
sessionStorage.removeItem('AVW_ScreenLock');
}
};
/* check lock state or not */
function isLocked() {
var sessionStorage = window.sessionStorage;
if(sessionStorage) {
var lockState = sessionStorage.getItem('AVW_ScreenLock');
if(lockState) {
return true;
}
}
return false;
};
};
$(function() {
if(avwUserEnvObj.os == 'ipad' || avwUserEnvObj.os == 'android'){
}else{
// placement examples
$('.home').powerTip({placement: 's'});
$('.back').powerTip({placement: 's'});
$('.bmList').powerTip({placement: 's'});
$('.bmAdd').powerTip({placement: 's'});
$('.index').powerTip({placement: 's'});
$('.copy').powerTip({placement: 's'});
$('.memoDisplay').powerTip({placement: 's'});
$('.memoAdd').powerTip({placement: 's'});
$('.marking').powerTip({placement: 's'});
$('.markingToolbar').powerTip({placement: 's'});
$('.begin').powerTip({placement: 'n'});
$('.prev').powerTip({placement: 'n'});
$('.next').powerTip({placement: 'n'});
$('.last').powerTip({placement: 'n'});
$('.expansion').powerTip({placement: 'n'});
$('.fit').powerTip({placement: 'n'});
$('.reduction').powerTip({placement: 'n'});
$('.toolbar').powerTip({placement: 'n'});
}
});
$(function() {
$("ul.switchingTab li a").click(function(){
$("div.tabUnit-list").each(
function(i) {
var thisID = "#list_"+i;
if($(thisID).css("display") == "block"){
$(thisID).css("display","none");
}
}
);
$("ul.switchingTab li a").removeClass("current");
$(this).addClass("current");
var tabTarget = $(this).attr("href");
var tabTargetID = tabTarget;
$(tabTargetID).css("display","block");
return false;
});
});
\ No newline at end of file
/**
* ABook Viewer for WEB
* Drawing HTML Text Library
* **this library depend on htmlparser.js**
* Copyright (C) Agentec Co, Ltd. All rights reserved.
*/
/**
* get HTML Text Image URL
*/
function getTextObjectImage(width, height, htmlData) {
var canvas = document.createElement('canvas');
canvas.width = width;
canvas.height = height;
var context = canvas.getContext('2d');
var dataHtml = '';
var currentLine = 0;
var lineHeight = 0;
var nextLinePosition = 0;
var lineWidth = width; // 1行の幅
var startPosition = 0; // テキスト描画の開始位置
var hasUnderLine = false; // アンダーラインの有無
var textAlign = 'left'; // テキスト揃え
var margin = 2;
/* remove escape charactor '\' */
dataHtml = htmlData.replace(/\\/, '');
//dataHtml = dataHtml.toLowerCase();
//console.log('dataHtml:' + dataHtml);
// parse
HTMLParser(dataHtml,
{
start: function (tag, attrs, unary) {
var t = tag.toLowerCase();
/*
* DIVタグ
*/
if (t == 'div') {
var align;
for (var i = 0; i < attrs.length; i++) {
var attrName = attrs[i].name.toLowerCase();
if (attrName == 'align') {
align = attrs[i].escaped;
textAlign = align;
}
}
if (align == 'left') {
startPosition = 0;
context.textAlign = 'left';
} else if (align == 'center') {
startPosition = lineWidth / 2;
context.textAlign = 'center';
} else if (align == 'right') {
startPosition = lineWidth;
context.textAlign = 'right';
}
}
/*
* FONTタグ
*/
if (t == 'font') {
var fontFace = 'MS Pゴシック';
var fontSize = '11px';
var fontColor = '#000000';
for (var i = 0; i < attrs.length; i++) {
var attrName = attrs[i].name.toLowerCase();
if (attrName == 'face') {
fontFace = attrs[i].escaped;
}
if (attrName == 'style') {
var styleBase = attrs[i].escaped;
var styles = styleBase.split(';');
for (var j = 0; j < styles.length; j++) {
var style = styles[j].split(':');
if (style[0].toLowerCase() == 'font-size') {
fontSize = style[1];
}
if (style[0].toLowerCase() == 'line-height') {
lineHeight = parseInt(style[1].replace('px', ''));
}
}
}
if (attrName == 'color') {
fontColor = attrs[i].escaped;
}
}
// context に設定
context.font = fontSize + " " + "'" + fontFace + "'";
context.fillStyle = fontColor;
// 行間
nextLinePosition = parseInt(fontSize.replace('px', '')) * (lineHeight / 100);
}
/*
* BR タグ
*/
if (t == 'br') {
currentLine += (nextLinePosition + margin);
}
/*
* Uタグ
*/
if (t == 'u') {
hasUnderLine = true;
}
},
end: function (tag) {
var t = tag.toLowerCase();
/*
* Uタグ
*/
if (t == 'u') {
hasUnderLine = false;
}
},
chars: function (text) {
// エンティティ文字を置換
// &nbsp; &gt; &lt; &amp; &yen; &copy; &reg; のみ対応
text = text.replace(/&nbsp;/g, ' ');
text = text.replace(/&gt;/g, '>');
text = text.replace(/&lt;/g, '<');
text = text.replace(/&amp;/g, '&');
text = text.replace(/&copy;/g, '(C)');
text = text.replace(/&reg;/g, '(R)');
text = text.replace(/&yen;/g, '\\');
// 初期描画位置を考慮
if (currentLine == 0) {
currentLine += nextLinePosition / 2;
}
//長い文字列を考慮する
var w = 0;
var index = 0;
var fillText = '';
for (var i = 0; i < text.length; i++) {
var metrices = context.measureText(fillText + text.charAt(i), startPosition, currentLine);
// 幅に収まるならバッファに蓄える
if (metrices.width < lineWidth) {
fillText += text.charAt(i);
}
// はみ出す場合
else {
context.fillText(fillText, startPosition, currentLine + margin);
// アンダーライン
if (hasUnderLine) {
context.beginPath();
context.moveTo(0, currentLine + margin);
context.lineTo(lineWidth, currentLine + margin);
context.strokeStyle = context.fillStyle;
context.stroke();
}
currentLine += (nextLinePosition + margin);
fillText = text.charAt(i);
}
}
if (fillText.length > 0) {
context.fillText(fillText, startPosition, currentLine + margin);
// アンダーライン
if (hasUnderLine) {
var x1, x2;
if (textAlign == 'left') {
x1 = 0;
x2 = metrices.width;
} else if (textAlign == 'center') {
x1 = startPosition - (metrices.width / 2);
x2 = startPosition + (metrices.width / 2);
} else if (textAlign = -'right') {
x1 = startPosition;
x2 = startPosition - metrices.width;
}
context.beginPath();
context.moveTo(x1, currentLine + margin);
context.lineTo(x2, currentLine + margin);
context.strokeStyle = context.fillStyle;
context.stroke();
}
currentLine += (nextLinePosition + margin);
}
}
}
);
// 描画したイメージを返却する
var imageUrl = canvas.toDataURL();
return imageUrl;
};
// uuid.js
//
// Copyright (c) 2010-2012 Robert Kieffer
// MIT License - http://opensource.org/licenses/mit-license.php
(function() {
var _global = this;
// Unique ID creation requires a high quality random # generator. We feature
// detect to determine the best RNG source, normalizing to a function that
// returns 128-bits of randomness, since that's what's usually required
var _rng;
// Node.js crypto-based RNG - http://nodejs.org/docs/v0.6.2/api/crypto.html
//
// Moderately fast, high quality
if (typeof(require) == 'function') {
try {
var _rb = require('crypto').randomBytes;
_rng = _rb && function() {return _rb(16);};
} catch(e) {}
}
if (!_rng && _global.crypto && crypto.getRandomValues) {
// WHATWG crypto-based RNG - http://wiki.whatwg.org/wiki/Crypto
//
// Moderately fast, high quality
var _rnds8 = new Uint8Array(16);
_rng = function whatwgRNG() {
crypto.getRandomValues(_rnds8);
return _rnds8;
};
}
if (!_rng) {
// Math.random()-based (RNG)
//
// If all else fails, use Math.random(). It's fast, but is of unspecified
// quality.
var _rnds = new Array(16);
_rng = function() {
for (var i = 0, r; i < 16; i++) {
if ((i & 0x03) === 0) r = Math.random() * 0x100000000;
_rnds[i] = r >>> ((i & 0x03) << 3) & 0xff;
}
return _rnds;
};
}
// Buffer class to use
var BufferClass = typeof(Buffer) == 'function' ? Buffer : Array;
// Maps for number <-> hex string conversion
var _byteToHex = [];
var _hexToByte = {};
for (var i = 0; i < 256; i++) {
_byteToHex[i] = (i + 0x100).toString(16).substr(1);
_hexToByte[_byteToHex[i]] = i;
}
// **`parse()` - Parse a UUID into it's component bytes**
function parse(s, buf, offset) {
var i = (buf && offset) || 0, ii = 0;
buf = buf || [];
s.toLowerCase().replace(/[0-9a-f]{2}/g, function(oct) {
if (ii < 16) { // Don't overflow!
buf[i + ii++] = _hexToByte[oct];
}
});
// Zero out remaining bytes if string was short
while (ii < 16) {
buf[i + ii++] = 0;
}
return buf;
}
// **`unparse()` - Convert UUID byte array (ala parse()) into a string**
function unparse(buf, offset) {
var i = offset || 0, bth = _byteToHex;
return bth[buf[i++]] + bth[buf[i++]] +
bth[buf[i++]] + bth[buf[i++]] + '-' +
bth[buf[i++]] + bth[buf[i++]] + '-' +
bth[buf[i++]] + bth[buf[i++]] + '-' +
bth[buf[i++]] + bth[buf[i++]] + '-' +
bth[buf[i++]] + bth[buf[i++]] +
bth[buf[i++]] + bth[buf[i++]] +
bth[buf[i++]] + bth[buf[i++]];
}
// **`v1()` - Generate time-based UUID**
//
// Inspired by https://github.com/LiosK/UUID.js
// and http://docs.python.org/library/uuid.html
// random #'s we need to init node and clockseq
var _seedBytes = _rng();
// Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)
var _nodeId = [
_seedBytes[0] | 0x01,
_seedBytes[1], _seedBytes[2], _seedBytes[3], _seedBytes[4], _seedBytes[5]
];
// Per 4.2.2, randomize (14 bit) clockseq
var _clockseq = (_seedBytes[6] << 8 | _seedBytes[7]) & 0x3fff;
// Previous uuid creation time
var _lastMSecs = 0, _lastNSecs = 0;
// See https://github.com/broofa/node-uuid for API details
function v1(options, buf, offset) {
var i = buf && offset || 0;
var b = buf || [];
options = options || {};
var clockseq = options.clockseq != null ? options.clockseq : _clockseq;
// UUID timestamps are 100 nano-second units since the Gregorian epoch,
// (1582-10-15 00:00). JSNumbers aren't precise enough for this, so
// time is handled internally as 'msecs' (integer milliseconds) and 'nsecs'
// (100-nanoseconds offset from msecs) since unix epoch, 1970-01-01 00:00.
var msecs = options.msecs != null ? options.msecs : new Date().getTime();
// Per 4.2.1.2, use count of uuid's generated during the current clock
// cycle to simulate higher resolution clock
var nsecs = options.nsecs != null ? options.nsecs : _lastNSecs + 1;
// Time since last uuid creation (in msecs)
var dt = (msecs - _lastMSecs) + (nsecs - _lastNSecs)/10000;
// Per 4.2.1.2, Bump clockseq on clock regression
if (dt < 0 && options.clockseq == null) {
clockseq = clockseq + 1 & 0x3fff;
}
// Reset nsecs if clock regresses (new clockseq) or we've moved onto a new
// time interval
if ((dt < 0 || msecs > _lastMSecs) && options.nsecs == null) {
nsecs = 0;
}
// Per 4.2.1.2 Throw error if too many uuids are requested
if (nsecs >= 10000) {
throw new Error('uuid.v1(): Can\'t create more than 10M uuids/sec');
}
_lastMSecs = msecs;
_lastNSecs = nsecs;
_clockseq = clockseq;
// Per 4.1.4 - Convert from unix epoch to Gregorian epoch
msecs += 12219292800000;
// `time_low`
var tl = ((msecs & 0xfffffff) * 10000 + nsecs) % 0x100000000;
b[i++] = tl >>> 24 & 0xff;
b[i++] = tl >>> 16 & 0xff;
b[i++] = tl >>> 8 & 0xff;
b[i++] = tl & 0xff;
// `time_mid`
var tmh = (msecs / 0x100000000 * 10000) & 0xfffffff;
b[i++] = tmh >>> 8 & 0xff;
b[i++] = tmh & 0xff;
// `time_high_and_version`
b[i++] = tmh >>> 24 & 0xf | 0x10; // include version
b[i++] = tmh >>> 16 & 0xff;
// `clock_seq_hi_and_reserved` (Per 4.2.2 - include variant)
b[i++] = clockseq >>> 8 | 0x80;
// `clock_seq_low`
b[i++] = clockseq & 0xff;
// `node`
var node = options.node || _nodeId;
for (var n = 0; n < 6; n++) {
b[i + n] = node[n];
}
return buf ? buf : unparse(b);
}
// **`v4()` - Generate random UUID**
// See https://github.com/broofa/node-uuid for API details
function v4(options, buf, offset) {
// Deprecated - 'format' argument, as supported in v1.2
var i = buf && offset || 0;
if (typeof(options) == 'string') {
buf = options == 'binary' ? new BufferClass(16) : null;
options = null;
}
options = options || {};
var rnds = options.random || (options.rng || _rng)();
// Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
rnds[6] = (rnds[6] & 0x0f) | 0x40;
rnds[8] = (rnds[8] & 0x3f) | 0x80;
// Copy bytes to buffer, if provided
if (buf) {
for (var ii = 0; ii < 16; ii++) {
buf[i + ii] = rnds[ii];
}
}
return buf || unparse(rnds);
}
// Export public API
var uuid = v4;
uuid.v1 = v1;
uuid.v4 = v4;
uuid.parse = parse;
uuid.unparse = unparse;
uuid.BufferClass = BufferClass;
if (typeof define === 'function' && define.amd) {
// Publish as AMD module
define(function() {return uuid;});
} else if (typeof(module) != 'undefined' && module.exports) {
// Publish as node.js module
module.exports = uuid;
} else {
// Publish as global (in browsers)
var _previousRoot = _global.uuid;
// **`noConflict()` - (browser only) to reset global 'uuid' var**
uuid.noConflict = function() {
_global.uuid = _previousRoot;
return uuid;
};
_global.uuid = uuid;
}
}).call(this);
\ No newline at end of file
var zoom_ratioPre = 1;
var zoom_ratio = 1;
var zoom_timer;
var zoom_continue = false;
var zoom_callbackFunction;
var zoom_miliSeconds = 1000; // Default is 1 second
var zoom_oldW = -1;
var zoom_oldH = -1;
function calculateZoomLevel() {
zoom_ratioPre = ClientData.zoom_ratioPre();
if (zoom_timer) {
clearTimeout(zoom_timer);
zoom_timer = null;
}
zoom_ratio = document.documentElement.clientWidth / window.innerWidth;
if (zoom_ratioPre != zoom_ratio) {
if (zoom_oldW == -1) {
zoom_oldW = document.documentElement.clientWidth;
}
if (zoom_oldH == -1) {
zoom_oldH = document.documentElement.clientWidth;
}
if (zoom_callbackFunction) {
zoom_callbackFunction(zoom_ratioPre, zoom_ratio, zoom_oldW, zoom_oldH, window.innerWidth, window.innerHeight);
}
zoom_ratioPre = zoom_ratio;
ClientData.zoom_ratioPre(zoom_ratioPre);
zoom_oldW = window.innerWidth;
zoom_oldH = window.innerHeight;
}
if (zoom_continue == true) {
zoom_timer = setTimeout("calculateZoomLevel();", zoom_miliSeconds);
}
};
function stopDetectZoom() {
zoom_continue = false;
};
function startDetectZoom(params) {
zoom_continue = true;
if (params.callbackFunction) {
zoom_callbackFunction = params.callbackFunction;
}
if (params.time) {
zoom_miliSeconds = params.time;
}
zoom_timer = setTimeout("calculateZoomLevel();", zoom_miliSeconds);
};
\ No newline at end of file
.anket-dialog
{
position: absolute;
border:solid 1px #333;
background-color:#fff;
z-index:1000;
/*
width: 340px;
top:60px;
bottom:60px;
height:540px;*/
}
.anket-dialog h1
{
text-align:left;
height:25px;
line-height:25px;
color:#fff;
background:url(../img/viewer/pophdbg.png) 0 0 repeat;
margin:0;
padding:0 0 0 5px;
/*height:5%;
line-height:100%;*/
}
.anket-dialog .anket-container
{
/*height:85%;
overflow:auto;*/
}
.anket-dialog .anket-container iframe
{
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;
}
.anket-dialog .anket-commands
{
text-align:center;
border-top:solid 1px #333;
height:60px;
line-height:60px;
margin:0;
padding:0;
/*background-color:#fff;*/
}
.anket-dialog .anket-commands input[type='button']
{
border-radius:10px;
padding:0 10px;
border:solid 1px #333;
background-color:#ccc;
cursor:pointer;
margin-right:5px;
width:100px;
height:30px;
line-height:30px;
}
.anket-dialog .anket-commands input[type='button']:hover
{
background-color:#fff;
}
\ No newline at end of file
/* CSS Document */
@charset "utf-8";
.sectionbackup {
width:420px;
height: 249px;
border:1px solid #cccccc;
display: none;
padding:0;
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
z-index: 101;
}
.sectionbackup h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
border-radius: 10px 10px 0px 0px;
}
.sectionbackup p{
width:320px;
margin:0 50px;
}
.sectionbackup p.message{
font-size:15px;
font-weight:bold;
color:#333;
}
.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;
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;
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;
}
.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;
}
.sectionbackup .backupbtn a:active {
position:relative;
top:1px;
}
.sectionbackup .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_off.svg);
}
.sectionbackup .backupbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
.sectionbackup1 {
width:500px;
height: 310px;
border:1px solid #cccccc;
display: none;
padding:0;
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
z-index: 101;
}
.sectionbackup1 .message-options .option_backup
{
font-size:13px;
margin:0 0 0 24px;
}
.sectionbackup1 .message-options .option_backup input
{
margin:0 5px 0 15px;
}
.sectionbackup1 h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
border-radius: 10px 10px 0px 0px;
font-size: large;
font-family: 'trebuchet ms', verdana, arial;
}
.sectionbackup1 p
{
width:360px;
margin:0 50px;
}
.sectionbackup1 p.notice
{
text-align:center;
margin-top:20px;
font-size:13px;
}
.sectionbackup1 p.message{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionbackup1 p span{
font-size: 11px;
}
.sectionbackup1 .backupbtn {
width:500px;
height:25px;
margin: 49px auto 0;
}
.sectionbackup1 .backupbtn a.ok {
position:relative;
margin:0 25px 0 0;
}
.sectionbackup1 .backupbtn a.cancel {
position:relative;
margin:0 25px 0 0;
}
.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;
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;
}
.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;
}
.sectionbackup1 .backupbtn a:active {
position:relative;
top:1px;
}
.sectionbackup1 .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_off.svg);
}
.sectionbackup1 .backupbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
.sectionbackup1 .backupbtn a.disabled,.sectionbackup .backupbtn a.disabled
{
}
\ No newline at end of file
/* article */
article{
width:625px;
float:right;
border:1px solid #cccccc;
padding:6px 20px 0 19px;
display:block;
margin-bottom:20px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
}
/*.tops a.btn_red, .tops a.btn_gray{ width:80px; height:24px; display:block; float:left;}
.tops a.btn_red{ background:url(../img/btn_red.png) no-repeat; margin-right:10px;}
.tops a.btn_gray{ background:url(../img/btn_gray.png) no-repeat;}*/
.tops ul{ float:right; margin:0; padding:0;}
.tops ul li{ display:inline;}
.tops ul li a{
font-size:12px;
float:left;
color:#333333;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
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 a.active_tops{ color:#ec2020; text-decoration:underline;}*/
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0;}
.no_m_right{ margin-right:0!important;}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
}
.tops a.btn_gray img, .tops a.btn_blue img{
display:inline;
line-height:19px;
vertical-align:middle;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray{
border:1px solid #fff;
outline:1px solid #727171;
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
margin-right:10px;
}
.tops a.btn_blue,.tops a.btn_gray{
border:1px solid #fff;
outline:1px solid #2d83da;
background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.27, rgb(69,154,239)),
color-stop(0.77, rgb(117,185,254)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
}
.button{ float:right; margin-top:20px; margin-right:2px;}
/* section */
section{
margin-top:10px;
width:195px;
float:left;
text-align:center;
height:238px;
margin-right:19px;
position:relative;
display:inline-block;
}
p.dop_info{
position:absolute;
bottom:-55px;
left:15px;
width:140px;
padding-top:10px;
padding-bottom:10px;
border:1px solid #999999;
text-align:left;
padding-left:12px;
padding-right:12px;
margin:0;
background:#fff;
z-index:9999;
}
p.dop_info a{ font-size:12px; color:#333333;}
p.dop_info a:hover{ text-decoration:none;}
.cnt_section{
margin:0;
padding:5px 0 5px 0;
height:190px;
width:195px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section a.img{
display:block;
margin:0 auto;
}
.cnt_section a.img img{ margin:0 auto;}
.cnt_section .text{
text-align:center;
}
a.name{ color:#333333;font-size:18px; text-decoration:none; font-size:12px;}
a.name:hover{ text-decoration:underline; color:#2d83da;}
.cnt_section .text ul.date{ float:left;}
.cnt_section .text ul.date li{ color:#333333; font-size:11px;}
.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
.cnt_section .text ul.pic{ float:left; margin-left:105px;}
.cnt_section .text ul.pic li{ float:left; display:inline; margin-left:17px;}
.cnt_section .text ul.pic li a{ display:block;}
.cnt_section .text ul.pic li a.sticker{ width:33px; height:35px; background:url(../img/bookshelf/pic_1.png) no-repeat left bottom;}
.cnt_section .text ul.pic li a.pen{ width:32px; height:47px; background:url(../img/bookshelf/pic_2.png) no-repeat 0 center;}
/*.cnt_section .text ul.pic li a.read{
background:url(../img/section/read.png) no-repeat left center;
width:87px;
height:25px;
margin-top:3px;
margin-left:15px;
}*/
.cnt_section .text ul.pic li a.read {
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
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 {
position:relative;
top:1px;
}
/*.cnt_section .text ul.pic li a.read_hover{
background:url(../img/section/read_hover.png) no-repeat left center;
width:87px;
height:25px;
margin-top:3px;
margin-left:15px;
}*/
.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;
box-shadow:inset 0px 1px 0px 0px #b6b3b3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
background-color:#777575;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #63636d;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #686666;
margin-left:5px;
line-height:20px;
}.cnt_section .text ul.pic li a.read_hover:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
background-color:#3f3d3d;
}.cnt_section .text ul.pic li a.read_hover:active {
position:relative;
top:1px;
}
.btn_bott{
display:block;
width:278px;
height:33px;
line-height:33px;
margin:37px auto 0 auto;
font-size:14px;
color:#fff;
text-align:center;
text-decoration:none;
border:1px solid #fff;
outline:1px solid #2d83da;
background: #78bafe; /* Old browsers */
background: -moz-linear-gradient(top, #78bafe 0%, #4499ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #78bafe 0%,#4499ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_bott{
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.0" width="100%"
height="100%"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="myLinearGradient1"
x1="0%" y1="0%"
x2="0%" y2="100%"
spreadMethod="pad">
<stop offset="0%" stop-color="#a4d815" stop-opacity="1"/>
<stop offset="100%" stop-color="#83c008" stop-opacity="1"/>
</linearGradient>
</defs>
<rect width="100%" height="100%"
style="fill:url(#myLinearGradient1);" />
</svg>
\ No newline at end of file
<?xml version="1.0" ?>
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.0" width="100%"
height="100%"
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="myLinearGradient1"
x1="0%" y1="0%"
x2="0%" y2="100%"
spreadMethod="pad">
<stop offset="0%" stop-color="#83c008" stop-opacity="1"/>
<stop offset="100%" stop-color="#a4d815" stop-opacity="1"/>
</linearGradient>
</defs>
<rect width="100%" height="100%"
style="fill:url(#myLinearGradient1);" />
</svg>
\ No newline at end of file
/* Latest Update
2012.11.5 write */
body{
margin:0;
padding:0;
background:#f4f4f4;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.wrapper {
width:100%;
background:url(../img/common/body_bg.png);
}
form, ul{ margin:0; padding:0;}
li{ list-style-type:none;}
img{ display:block; border:none;}
header{
height:100px;
background:#f4f4f4;
width:100%;
display:block;
}
.cnt_header{
width:960px;
margin:0 auto;
height:100px;
position:relative;
}
.cnt_header .logo{
width:87px;
height:80px;
display:block;
margin-top:9px;
float:left;
background:url(../img/common/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{
list-style-type:none;
display:inline;
padding-left:19px;
margin-left:9px;
}
.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;
text-decoration:none;
}
.cnt_header .menu_language ul li a:hover{
text-decoration:underline;
}
.cnt_header .menu_language ul li.jp{
background:url(../img/common/icon_jp.png) no-repeat left center;
margin-left:11px;
}
.cnt_header .menu_language ul li.eng{
background:url(../img/common/icon_usa.png) no-repeat left center;
}
.cnt_header .menu_language ul li.kor{
background:url(../img/common/icon_kor.png) no-repeat left center;
margin-left:6px;
}
.cnt_header .black, .cnt_header .blue{
display:block;
width:80px;
height:19px;
text-decoration:none;
text-align:center;
padding-top:1px;
float:right;
margin-right:10px;
color:#fff;
}
.cnt_header .black{
border:1px solid #fff;
outline:1px solid #727171;
background-image: linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
background-image: -o-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
background-image: -moz-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
background-image: -ms-linear-gradient(bottom, rgb(87,86,86) 27%, rgb(138,137,137) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.27, rgb(87,86,86)),
color-stop(0.77, rgb(138,137,137)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b8b8b', endColorstr='#575656');
-pie-background: linear-gradient(#8b8b8b, #575656);
}
.cnt_header .blue{
border:1px solid #fff;
outline:1px solid #2d83da;
background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.27, rgb(69,154,239)),
color-stop(0.77, rgb(117,185,254)));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
-pie-background: linear-gradient(#77BAFE, #4599EF);
}
.cnt_header a:hover.blue{
border:1px solid #fff;
outline:1px solid #2d83da;
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
-pie-background: linear-gradient(#2d7bbf, #1059a3);
}
.button{ float:right; margin-top:20px; margin-right:2px;}
.cnt_header .box_open{
width:180px;
height:120px;
position:absolute;
border:1px solid #999999;
right:0;
top:38px;
background:#fff;
display:none;
z-index:9999;
}
.cnt_header .box_open .t_top{
color:#cccccc;
font-size:10px;
height:19px;
border-bottom:1px solid #999999;
margin:0;
line-height:19px;
padding-left:5px;
}
.cnt_header .box_open ul{ margin:0; padding:3px 0 0 4px;}
.cnt_header .box_open ul li{
list-style-type:none;
color:#333333;
font-size:12px;
margin-bottom:4px;
height:19px;
line-height:18px;
}
.cnt_header .box_open ul li input{ vertical-align:middle;}
.cnt_header .box_open ul li label{ line-height:16px;}
.cnt_header .box_open .btn_search{
width:100px;
height:30px;
display:block;
background:url(../img/common/btn_search.png) no-repeat;
margin:12px auto 0 auto;
}
#main{
width:920px;
margin:0 auto;
padding-left:20px;
padding-top:20px;
padding-right:20px;
background:#fff;
overflow:hidden;
}
p.go_top{
clear:both;
height:115px;
width:90px;
position: fixed;
bottom: -45px;
right: 20px;
}
p.go_top a{
width:90px;
height:65px;
background:url(../img/list/go_top.png) no-repeat;
display:block;
}
/* 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;}
.focus{color: #969696}
.cnt_header .manual_link {
float:right;
width:50px;
font-size: 12px;
}
.cnt_header .menu_language ul li.manual_link {
float:none;
width:50px;
font-size: 12px;
}
\ No newline at end of file
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* article */
.articlecontentsearch{
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
}
.tops a.btn_gray img, .tops a.btn_blue img{
display:inline;
line-height:19px;
vertical-align:middle;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray{
border:1px solid #fff;
outline:1px solid #727171;
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
margin-right:10px;
}
.tops a.btn_blue,.tops a.btn_gray{
border:1px solid #fff;
outline:1px solid #2d83da;
background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.27, rgb(69,154,239)),
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 li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
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;}
/* section */
section{
height:121px;
padding-top:10px;
border-top:1px dashed #cccccc;
margin-top:10px;
display:block;
}
.cnt_section{
margin:0;
padding:0;
height:120px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section a.img{
display:block;
width:161px;
height:120px;
float:left;
background:#fff;
}
.cnt_section a.img canvas{ margin:0 auto; height: 105px; width: 150px;}
.cnt_section .text{
float:left;
height:120px;
margin:0 0 0 35px;
}
.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
.cnt_section .text a.name:hover{ text-decoration:none;}
.cnt_section .text ul.date{
margin-top:0px;
float:left;
}
.cnt_section .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
.cnt_section .text ul.pic{
float:left;
margin-left:240px;
}
.cnt_section .text ul.pic li{
height:82px;
float:left;
margin-left:17px;
}
.cnt_section .text ul.pic li img {
position:relative;
top:100%;
}
.cnt_section .text ul.pic li img.sticker {
margin-top:-40px;
}
.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;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
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 {
position:relative;
top:1px;
}
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_off.svg);
}
.cnt_section .text ul.pic li a.read:hover:not(:target) {
filter: none;
-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;
box-shadow:inset 0px 1px 0px 0px #b6b3b3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
background-color:#777575;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #63636d;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #686666;
margin-left:5px;
line-height:20px;
}.cnt_section .text ul.pic li a.read_hover:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
background-color:#3f3d3d;
}.cnt_section .text ul.pic li a.read_hover:active {
position:relative;
top:1px;
}
.btn_bott{
display:block;
width:278px;
height:33px;
line-height:33px;
margin:37px auto 0 auto;
font-size:14px;
color:#fff;
text-align:center;
text-decoration:none;
border:1px solid #fff;
outline:1px solid #2d83da;
background: #78bafe; /* Old browsers */
background: -moz-linear-gradient(top, #78bafe 0%, #4499ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #78bafe 0%,#4499ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_bott{
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
#main-searchresult
{
border:1px solid #ccc;
padding:10px 20px 10px 22px;
display:block;
margin:10px 10 20px 10px;
height: 25px;
}
#main-searchresult span
{
float: left;
margin-right: 15px;
}
#main-searchresult input
{
float: left;
margin-right: 10px;
}
#main-searchresult input[type="radio"]
{
margin-right: 5px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
margin-right: 15px;
}
a:hover
{
cursor:pointer;
}
#main-searchresult span:hover
{
cursor: pointer;
}
#msgSearchNotExist
{
display: none;
}
\ No newline at end of file
/* CSS Document */
@charset "utf-8";
.sectionDeleteConfirm {
width:420px;
height:249px;
border:1px solid #cccccc;
display: none;
padding:0;
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
z-index: 101;
}
.sectionDeleteConfirm h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
border-radius: 10px 10px 0px 0px;
}
.sectionDeleteConfirm p{
text-align:center;
}
.sectionDeleteConfirm p.message{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionDeleteConfirm .deletebtn {
width:325px;
height:25px;
margin:49px auto 0;
}
.sectionDeleteConfirm .deletebtn a.ok {
position:relative;
margin:0 98px 0 0;
cursor: pointer;
}
.sectionDeleteConfirm .deletebtn a.cancel {
position:relative;
margin:-27px 0 0 135px;
cursor: pointer;
}
.sectionDeleteConfirm .deletebtn a.cancel_audio {
position:relative;
margin:-27px 60px 0 135px;
cursor: pointer;
}
.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;
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;
}
.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;
}
.sectionDeleteConfirm .deletebtn a:active {
position:relative;
top:1px;
}
.sectionDeleteConfirm .deletebtn a:not(:target) {
filter: none;
-ms-filter: none;
}
\ No newline at end of file
$(function(){
$('#gotop').hide(); // �f�t�H���g�Ŕ�\���Ƃ���
$(window).scroll(function(){
if ($(this).scrollTop() > 100) { // scrollTop() �Ō��݂̃X�N���[����̏�ʒu��擾
$('#gotop').fadeIn(); // 100��߂��Ă�����A#backToTop�i�߂�{�^���j��t�F�[�h�C��������
} else {
$('#gotop').fadeOut(); // ����ȊO�́A�t�F�[�h�A�E�g
}
});
// �N���b�N���ɃX���[�Y�Ƀy�[�W�㕔�փX�N���[��������
$('#gotop').click(function(){
$('body,html').animate({ scrollTop: 0 }, 350);
return false; // ���y1�z
});
});
/* CSS Document */
@charset "utf-8";
#header-searchbox
{
background-image: url('../img/common/back_dot.gif');
border:1px solid #C5C5C6;
border-top: 0px;
width: 180px;
text-align: left;
position: absolute;
right:0px;
display: none;
z-index: 1;
}
#header-searchbox .blue
{
margin-bottom: 10px;
}
#header-searchbox span:hover
{
cursor: pointer;
}
/* push message */
.menu_language ul li.pushmessage
{
-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;
border:1px solid #83bd07;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
margin:0 0 0 0;
text-align:center;
padding:0 10px 0 5px;
text-align:center;
cursor:pointer;
position:relative;
}
.menu_language ul li.pushmessage label
{
cursor:pointer;
}
.menu_language ul li.pushmessage span
{
display:inline-block;
width:10px;
height:10px;
margin-left:5px;
cursor:pointer;
}
.menu_language ul li.hide span
{
background:url(arrow_down.png) no-repeat right center;
}
.menu_language ul li.show span
{
background:url(arrow_up.png) no-repeat right center;
}
.menu_language ul li.pushmessage: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;
}
#numbermessage
{
color:#f00;
margin-left:8px;
min-width:20px;
display:inline-block;
}
#list-push-message
{
position:absolute;
top:100%;
left:0;
border:solid 1px #444;
background-color:#fff;
z-index:1;
text-shadow:none;
padding:10px;
font-weight:normal;
width:200px;
text-align:left;
display:none;
}
#list-push-message div
{
margin:0;
padding:0;
list-style-type:none;
background-color:#fff;
}
#list-push-message div
{
color:#000;
font-size:12px;
padding:3px 0;
line-height:150%;
}
#list-push-message p
{
text-align:right;
margin:0;
padding:0;
}
#list-push-message p a
{
text-decoration:underline;
color:#00f;
padding:0 5px;
}
.notification-pushmessage
{
position:fixed;
height:40px;
line-height:40px;
text-align:center;
background-color:#bde;
opacity:0.8;
border:solid 1px #333;
top:0;
left:0;
right:0;
color:#000;
border:solid 1px #000;
font-weight:bold;
z-index:10000;
font-size:13px;
}
.toast-item-loading
{
text-align:center;
height:40px;
background:url(../img/data_loading.gif) no-repeat center;
}
\ No newline at end of file
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* article */
.articlehistory{
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
}
.tops a.btn_gray img, .tops a.btn_blue img{
display:inline;
line-height:19px;
vertical-align:middle;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray{
border:1px solid #fff;
outline:1px solid #727171;
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
margin-right:10px;
}
.tops a.btn_blue,.tops a.btn_gray{
border:1px solid #fff;
outline:1px solid #2d83da;
background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.27, rgb(69,154,239)),
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 li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
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;}
/* section */
section{
height:121px;
padding-top:10px;
border-top:1px dashed #cccccc;
margin-top:10px;
display:block;
}
.cnt_section{
margin:0;
padding:0;
height:120px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section a.img{
display:block;
width:161px;
height:120px;
float:left;
background:#fff;
}
.cnt_section a.img canvas{ margin:0 auto; height: 105px; width: 150px;}
.cnt_section .text{
float:left;
height:120px;
margin:0 0 0 35px;
}
.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
.cnt_section .text a.name:hover{ text-decoration:none;}
.cnt_section .text ul.date{
margin-top:0px;
float:left;
}
.cnt_section .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
.cnt_section .text ul.pic{
float:left;
margin-left:240px;
}
.cnt_section .text ul.pic li{
height:82px;
float:left;
margin-left:17px;
}
.cnt_section .text ul.pic li img {
position:relative;
top:100%;
}
.cnt_section .text ul.pic li img.sticker {
margin-top:-40px;
}
.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;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
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 {
position:relative;
top:1px;
}
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_off.svg);
}
.cnt_section .text ul.pic li a.read:hover:not(:target) {
filter: none;
-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;
box-shadow:inset 0px 1px 0px 0px #b6b3b3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
background-color:#777575;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #63636d;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #686666;
margin-left:5px;
line-height:20px;
}.cnt_section .text ul.pic li a.read_hover:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
background-color:#3f3d3d;
}.cnt_section .text ul.pic li a.read_hover:active {
position:relative;
top:1px;
}
.btn_bott{
display:block;
width:278px;
height:33px;
line-height:33px;
margin:37px auto 0 auto;
font-size:14px;
color:#fff;
text-align:center;
text-decoration:none;
border:1px solid #fff;
outline:1px solid #2d83da;
background: #78bafe; /* Old browsers */
background: -moz-linear-gradient(top, #78bafe 0%, #4499ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #78bafe 0%,#4499ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_bott{
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
margin-right: 15px;
}
a:hover
{
cursor:pointer;
}
img.home_canvas
{
margin:0 auto;
margin-top: 40px;
}
/* article */
article{
width:625px;
float:right;
border:1px solid #cccccc;
padding:6px 20px 0 19px;
display:block;
margin-bottom:20px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
}
.tops a.btn_gray img, .tops a.btn_blue img{
display:inline;
line-height:19px;
vertical-align:middle;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray{
border:1px solid #fff;
outline:1px solid #727171;
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
margin-right:10px;
}
.tops a.btn_blue,.tops a.btn_gray{
border:1px solid #fff;
outline:1px solid #2d83da;
background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.27, rgb(69,154,239)),
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:right; margin:0; padding:0;}
.tops ul li{ display:inline;}
.tops ul li a{
font-size:12px;
float:left;
color:#333333;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
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 p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0;}
/* section */
section{
height:121px;
padding-top:10px;
border-top:1px dashed #cccccc;
margin-top:10px;
display:block;
}
.cnt_section{
margin:0;
padding:0;
height:120px;
}
.cnt_section:hover{ background:#f4f4f4;}
.cnt_section a.img{
display:block;
width:161px;
height:120px;
float:left;
background:#fff;
}
.cnt_section a.img img{ margin:0 auto;}
.cnt_section .text{
float:left;
height:120px;
margin:0 0 0 35px;
}
.cnt_section .text a.name{ color:#2d83da;font-size:18px;}
.cnt_section .text a.name:hover{ text-decoration:none;}
.cnt_section .text ul.date{
margin-top:0px;
float:left;
}
.cnt_section .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section .text .info{ overflow:hidden; margin-top:10px;}
.cnt_section .text ul.pic{
float:left;
margin-left:90px;
}
.cnt_section .text ul.pic li{
height:82px;
float:left;
margin-left:17px;
}
.cnt_section .text ul.pic li img {
position:relative;
top:100%;
}
.cnt_section .text ul.pic li img.sticker {
margin-top:-40px;
}
.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;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
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 {
position:relative;
top:1px;
}
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_off.svg);
}
.cnt_section .text ul.pic li a.read:hover:not(:target) {
filter: none;
-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;
box-shadow:inset 0px 1px 0px 0px #b6b3b3;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
background-color:#777575;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #63636d;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 26px;
text-decoration:none;
text-shadow:1px 1px 0px #686666;
margin-left:5px;
line-height:20px;
}.cnt_section .text ul.pic li a.read_hover:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
background-color:#3f3d3d;
}.cnt_section .text ul.pic li a.read_hover:active {
position:relative;
top:1px;
}
.btn_bott{
display:block;
width:278px;
height:33px;
line-height:33px;
margin:37px auto 0 auto;
font-size:14px;
color:#fff;
text-align:center;
text-decoration:none;
border:1px solid #fff;
outline:1px solid #2d83da;
background: #78bafe; /* Old browsers */
background: -moz-linear-gradient(top, #78bafe 0%, #4499ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78bafe), color-stop(100%,#4499ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #78bafe 0%,#4499ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #78bafe 0%,#4499ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78bafe', endColorstr='#4499ef',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_bott{
background: rgb(45,123,191); /* Old browsers */
background: -moz-linear-gradient(top, rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
background: linear-gradient(to bottom, rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
}
/* CSS Document */
@charset "utf-8";
article .contentDetail {
display: none;
}
.sectionContentDetail {
width:690px;
height:505px;
border:1px solid #CCC;
display: none;
padding:35px 0 0;
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-color: #ffffff;
}
.closebtn {
background:url(../img/login/close.png) 0 0 no-repeat;
width:30px;
height:30px;
display:block;
position:absolute;
margin:-76px 0 0 660px;
top: 80px;
right: 4px;
}
.sectionContentDetail #book_data {
width:245px;
height:545px;
margin-top:-40px;
border-right:2px solid #CCC;
background-color:#f7f7f7;
float:left;
}
.sectionContentDetail #book_data .book_img {
height:145px;
margin:124px 0 0 0px;
position:relative;
}
.sectionContentDetail #book_data .book_img img{
/*
position:absolute;
top:0px;
left:0px;*/
margin: 0 auto;
}
.sectionContentDetail #book_data .book_img img.book_icon {
position:absolute;
top:0px;
left:0px;
z-index:10;
}
.sectionContentDetail #book_data ul {
list-style:none;
/*line-height:1em;*/
font-size:13px;
margin:0 0 0 42px;
padding:0;
}
.sectionContentDetail #book_data ul li {
display:block;
}
.sectionContentDetail #book_data ul .title {
margin-bottom:19px;
font-size:18px;
}
.sectionContentDetail #book_data ul .date {
margin-bottom:20px;
font-size:12px;
}
.sectionContentDetail #book_data ul .explain {
margin-bottom:32px;
line-height:1.3em;
font-size:13px;
}
.sectionContentDetail #book_data .read_btn a.read {
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:2px 27px;
margin-left:80px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
}
.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;
}
.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;
background-image: url(../css/button_back_off.svg);
}
.sectionContentDetail #book_data .read_btn a.read:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
.sectionContentDetail #book_list {
width:395px;
margin-right:35px;
margin-top:-20px;
float:right;
}
.sectionContentDetail #book_list ul {
list-style:none;
width:395px;
height:64px;
margin:0;
padding:10px 0px;
font-size:13px;
}
.sectionContentDetail #book_list ul li {
margin:0;
padding:0;
line-height:1em;
}
.sectionContentDetail #book_list ul .list_img {
width:96px;
height:64px;
float:left;
}
.sectionContentDetail #book_list ul .list_img img {
height:64px;
box-shadow: 0px 1px 3px 0px #666;
margin: 0 auto;
}
.sectionContentDetail #book_list ul .list_title{
font-size:15px;
margin-bottom:10px;
}
.sectionContentDetail #book_list ul .list_title a {
color:#2d83da;
}
.sectionContentDetail #book_list ul .page,
.sectionContentDetail #book_list ul .text{
margin-bottom:5px;
}
.sectionContentDetail #book_list ul+ul {
border-top:1px dotted #CCC;
.sectionContentDetail #book_data .read_btn {
height:25px;
margin:30px 0 0 80px;
}
\ No newline at end of file
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
width:100%;
}
body{
background:#f4f4f4;
}
a:hover
{
cursor: pointer;
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
height:100%;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
.wrapper {
width:100%;
background:url('../img/common/body_bg.png');
}
#main{
width:960px;
padding:0;
}
article{
width:898px;
height:593px;
border:1px solid #cccccc;
padding:0;
display:block;
margin:26px 30px 30px;
overflow:hidden;
}
section.loginsection{
width:398px;
height:363px;
border:1px solid #cccccc;
display:block;
padding:25px 0 0;
margin:102px 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;
}
section#main-password-change{
width:498px;
height:495px;
border:1px solid #cccccc;
display:none;
/*padding:35px 0 0;*/
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
background-color: #ffffff;
z-index: 101;
}
section dl,section dl dt,section dl dd{
margin:0;
padding:0;
}
section dl{
width:300px;
margin:0 auto 5px;
}
section dl dt{
width:290px;
padding:5px;
font-size:13px;
}
section dl dd{
background:url('../img/login/loginbg.png') 0 0 no-repeat;
padding:6px;
width:288px;
height:33px;
}
section dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
width:280px;
height:27px;
border:none;
margin:3px 4px;
padding:0;
}
section .p{
width:300px;
}
section .memory{
width:300px;
font-size:12px;
vertical-align:middle;
margin:50px auto 0;
}
section .memory input{
vertical-align:middle;
margin:0 5px 0;
padding:0;
}
section .loginbtn {
width:300px;
margin:14px auto 0;
}
section .loginbtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
/*margin:0 0 0 0;*/
margin-right: 8px;
text-align:center;
float:right;
}
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;
}
section .loginbtn a:active {
position:relative;
top:1px;
}
section .loginbtn a:not(':target') {
filter: none;
-ms-filter: none;
}
.alertTxt {
position:absolute;
margin:-70px 0 0 49px;
font-size:13px;
color:#e60012;
display:block;
text-align:center;
width:300px;
}
.alertTxtDialog {
font-size:13px;
color:#e60012;
display:block;
text-align:center;
/*width:300px;*/
}
#main-password-change
{
display: none;
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
font-size:1px;
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.fix {
zoom:1;
}
/*------------*/
section h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
-moz-border-radius:10px 10px 0px 0px;
-webkit-border-radius:10px 10px 0px 0px;
border-radius:10px 10px 0px 0px;
}
.title
{
font-size: large;
font-family: 'trebuchet ms', verdana, arial;
}
/* splash */
.splash-screen
{
background-color:#244;
text-align:center;
background:url(Abook_splash.jpg) no-repeat center;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
}
\ No newline at end of file
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
5. section setting
*/
/* ---------- MENU ---------- */
html,body {
margin:0;
padding:0;
}
/*----------------------------*/
/* 1. section setting */
/*----------------------------*/
article{
margin:0;
padding:0;
}
section{
width:498px;
height:383px;
border:1px solid #cccccc;
display:block;
padding:35px 0 0;
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
}
section dl,section dl dt,section dl dd{
margin:0;
padding:0;
}
section dl{
width:300px;
margin:0 auto 5px;
}
section dl dt{
width:290px;
padding:5px;
font-size:13px;
}
section dl dd{
background:url(../img/login/loginbg.png) 0 0 no-repeat;
padding:6px;
width:288px;
height:33px;
}
section dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
width:280px;
height:27px;
border:none;
margin:3px 4px;
padding:0;
}
section p{
text-align:center;
margin:25px auto 0;
font-size:13px;
}
section .loginbtn {
width:304px;
height:25px;
margin:30px auto 0;
}
section .loginbtn a.change {
position:relative;
margin:0 194px 0 0;
}
section .loginbtn a.skip {
position:relative;
margin:-27px 97px 0 0;
}
section .loginbtn a.cancel {
position:relative;
margin:-27px 0 0 87px;
}
section .loginbtn a {
width:85px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
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;
}
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;
}
section .loginbtn a:active {
position:relative;
top:1px;
}
section .loginbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_off.svg);
}
section .loginbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../css/button_back_on.svg);
}
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* ---------- MENU ---------- */
/*
5. section setting
*/
/* ---------- MENU ---------- */
html,body {
margin:0;
padding:0;
}
/*----------------------------*/
/* 1. section setting */
/*----------------------------*/
article{
margin:0;
padding:0;
}
section{
width:520px;
height:308px;
border:1px solid #cccccc;
display:block;
padding:0;
margin:0;
overflow:hidden;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px 10px 10px 10px;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
section h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
section p{
width:320px;
margin:0 50px;
}
section p.message{
margin-bottom:20px;
font-size:15px;
font-weight:bold;
color:#333;
}
section p.notice{
line-height:20px;
font-size:12px;
color:#333;
}
section .restorebtn {
width:325px;
height:25px;
margin:29px auto 0;
}
section .restorebtn a.ok {
position:relative;
margin:0 98px 0 0;
}
section .restorebtn a.cancel {
position:relative;
margin:27px 0 0 135px;
}
section .restorebtn a {
width:170px;
height:21px;
-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
box-shadow:inset 0px 1px 0px 0px #d6ee23;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color:#a4d815;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #83bd07;
display:inline-block;
color:#ffffff;
font-family:arial;
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;
}
section .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;
}
section .restorebtn a:active {
position:relative;
top:1px;
}
section .restorebtn a:not(:target) {
filter: none;
-ms-filter: none;
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
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