add site

Site/Inspection/css/sections.css

@@ -0,0 +1,209 @@
+.question-holder,
+.section-holder {
+    white-space: nowrap;
+    -webkit-font-smoothing: antialiased;
+    min-height: 40px;
+    line-height: 40px;
+    display: -webkit-flex;
+    display: flex;
+    box-sizing: border-box;
+    user-select: none;
+    margin-left: 20px;
+}
+
+.section-holder {
+    background: #e9e9e9;
+    font-size: 16px;
+    margin-bottom:2px;
+}
+.section-holder:hover {
+    background-color: #d9d9d9;
+}
+.section-input {
+    padding: 2px 6px;
+    min-height: 20px;
+    background-color: #e9e9e9;
+    background-image: none;
+    border: 1px solid #e9e9e9;
+    border-radius: 4px;
+}
+.section-input:hover{    
+    border: 1px solid #666;
+}
+.section-input:disabled{    
+    background: rgba(255,255,255,0);
+    border-color: rgba(255,255,255,0);
+}
+
+
+.question-holder .question-icon,
+.section-holder .section-icon {
+    flex-shrink: 0;
+}
+.question-holder .question-icon em {
+    /*cursor: row-resize;*/
+    /*margin-left: 6px;*/
+    color: #666;
+}
+.holder-even {
+    background: #f9f9f9;
+}
+.question-holder:hover {
+    background-color: #d9d9d9;
+}
+.question-input {
+    padding: 2px 6px;
+    min-height: 20px;
+    background-color: #fff;
+    border: 1px solid #fff;
+    border-radius: 4px;
+}
+.question-input:hover {
+    border: 1px solid #666;
+}
+.question-input:disabled {
+    background: rgba(255,255,255,0);
+    border-color: rgba(255,255,255,0);
+}
+.question-holder .question-notes {
+    flex-grow: 1;
+    line-height: 24px;
+}
+.question-holder .question-name span:hover,
+.question-holder .template-name span:hover,
+.question-holder .question-display span:hover,
+.section-holder .section-display span:hover,
+.section-holder .section-name span:hover {
+    text-decoration: underline;
+    cursor: pointer;
+}
+.question-holder .question-cell,
+.section-holder .section-cell {
+    display: inline-block;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+.question-holder .question-cell.fa,
+.section-holder .section-cell .fa {
+    line-height: 40px;
+}
+.question-holder .question-cell.value-true::before {
+    content: '\f00c';
+}
+.section-holder .section-cell .add {
+    cursor: pointer;
+}
+.section-holder .section-cell .add::before {
+    content: '\f0fe';
+}
+.rowdrag {
+    font-size: 14px;
+    cursor:move;
+}
+.form-control {
+    /*display: block;
+    width: 100%;*/
+    /*height: 34px;*/
+    padding: 2px 6px;
+    /*font-size: 14px;*/
+    /*line-height: 1.42857143;*/
+    min-height: 20px;
+    color: #555;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
+    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
+    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+
+.prompttext {
+    color: #adb0b4;
+}
+
+.editor-toolbar select[data-edit] {
+    vertical-align: top;
+    height: 22px;
+    box-sizing: border-box;
+    margin-right: 10px;
+}
+
+.editor-top {
+    display: flex;
+    flex-direction: row;
+    padding: 4px 0;
+}
+    .editor-top > span {
+        flex: 1 1 auto;
+    }
+
+    .editor-top .editor-select {
+        min-width: 150px;
+        margin-left: 4px;
+    }
+
+    .editor-toolbar a[data-edit],
+    .svg-button {
+        display: inline-block;
+        width: 22px;
+        height: 22px;
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .editor-toolbar a[data-edit] > svg,
+    .svg-button > svg {
+        width: 22px;
+        height: 14px;
+        fill: rgba(22,92,220,.7);
+        transition: fill .2s;
+        vertical-align: top;
+        margin-top: 4px;
+    }
+
+        .editor-toolbar a[data-edit] > svg.black {
+            fill: rgba(0,0,0,.7)
+        }
+
+    .editor-toolbar a[data-edit]:hover > svg,
+    .svg-button:hover > svg {
+        fill: rgb(22,92,220);
+    }
+
+        .editor-toolbar a[data-edit]:hover > svg.black {
+            fill: black
+        }
+
+.editor-content {
+    overflow: auto;
+    width: 100%;
+    height: 100px;
+    border: 1px solid lightgray;
+    outline: none;
+    padding: 6px;
+    box-sizing: border-box;
+    transition: border-color .2s;
+}
+
+    .editor-content:hover,
+    .editor-content:focus {
+        border-color: gray;
+    }
+
+.svg-button {
+    line-height: 22px;
+}
+
+.text-layout-name {
+    margin-left: 4px;
+    width: 300px;
+}
+
+.img-icon-filename {
+    max-width: 100px;
+    margin-left: 6px;
+}