長野県須坂市

須坂市役所貸出し物品・備品一覧

fullscreen

長野県須坂市

有効活用と市民サービスの向上のため、市民の皆さんが利用できる物品・備品の一覧です。【更新履歴】 2017.03.21 公開

評価指数

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

// Get a parameter value in URL (e.g. ?paramString=value )
function getParameterFromURL(paramString)
{
    var value = "";
    var topWindow = top.window.location.search;
    if (topWindow) {
        var q = decodeURIComponent(topWindow.substring(1, topWindow.length)).split("&");
        for (var i = 0; i < q.length; i++) {
            var r = q[i].split("=");
            if (r[0] == paramString)
                value = r[1];
        }
    }
    return value;
}

// Highlight keyword in the string
function highlight(string, keyword)
{
    if (keyword.length > 0) {
        var ss = string.split(keyword);
        var len = ss.length;
        if (len > 1) {
            string = ss[0];
            for (i = 1; i < len; i++)
                string += "<span class=\"highlight\">" + keyword + "</span>" + ss[i];
        }
    }
    return string;
}

// get the last name of the string separated with # and /
function getLastName(string)
{
    string = decodeURIComponent(string);
    var sharp = string.split("#");
    var slash = sharp[sharp.length - 1].split("/");
    var lastName = slash[slash.length - 1];
    return lastName;
}

span.highlight {color: red;}
span.propertyName {color: gray;}
span.subject { color: blue; }
span.object{ color: black; }
body {
    background: white;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    padding: 1em 2em 4em;
}
a, a span { text-decoration: underline; }
a:hover, a span:hover { text-decoration: none; }

.name {}
.quantity {}
.use {200px;}
.conditions { width: 300px; }
.department {}
.tel { width: 150px; }
.remarks {}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
    width: 1200px;
    table-layout: fixed;
    border-spacing: 0;
	
    border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;	
}
.coder th,
.coder td {
    padding:10px;
    background:#FFF;
    border-bottom:solid 1px #CCC;
    border-right:solid 1px #CCC;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	word-break: break-all;
}
.coder td a {
    text-decoration: none;
}
.coder th {
    background:#e3dcd5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    color: black;
}

/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	長野県須坂市
実行回数	1531
ウェブサイト
ライセンス
Fork count	1
作成日	2017年3月16日
最終更新日	2017年3月21日