diff --git a/pix/background.png b/image/background.png similarity index 100% rename from pix/background.png rename to image/background.png diff --git a/pix/icons/home.ico b/image/icon/home.ico similarity index 100% rename from pix/icons/home.ico rename to image/icon/home.ico diff --git a/pix/logos/CL-120p.png b/image/logo/CL-120p.png similarity index 100% rename from pix/logos/CL-120p.png rename to image/logo/CL-120p.png diff --git a/pix/logos/CLs-120p.png b/image/logo/CLs-120p.png similarity index 100% rename from pix/logos/CLs-120p.png rename to image/logo/CLs-120p.png diff --git a/pix/logos/CT-120p.png b/image/logo/CT-120p.png similarity index 100% rename from pix/logos/CT-120p.png rename to image/logo/CT-120p.png diff --git a/pix/logos/DE-120p.png b/image/logo/DE-120p.png similarity index 100% rename from pix/logos/DE-120p.png rename to image/logo/DE-120p.png diff --git a/pix/logos/DES-120p.png b/image/logo/DES-120p.png similarity index 100% rename from pix/logos/DES-120p.png rename to image/logo/DES-120p.png diff --git a/pix/logos/DL-120p.png b/image/logo/DL-120p.png similarity index 100% rename from pix/logos/DL-120p.png rename to image/logo/DL-120p.png diff --git a/pix/logos/DLs-120p.png b/image/logo/DLs-120p.png similarity index 100% rename from pix/logos/DLs-120p.png rename to image/logo/DLs-120p.png diff --git a/pix/logos/OT-120p.png b/image/logo/OT-120p.png similarity index 100% rename from pix/logos/OT-120p.png rename to image/logo/OT-120p.png diff --git a/index.html b/index.html index 4820f2e..998fa06 100644 --- a/index.html +++ b/index.html @@ -11,8 +11,8 @@ Link Board - - + + @@ -235,19 +235,19 @@
- - - - - - + + + + + +
- Link Board + Link Board

Recent News & Updates

    diff --git a/style/!reset.css b/style/!reset.css new file mode 100644 index 0000000..0ae87df --- /dev/null +++ b/style/!reset.css @@ -0,0 +1,8 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto:700'); +@import url('https://fonts.googleapis.com/css?family=Hammersmith+One'); + +* { + margin: 0; + padding: 0; + background-color: white; +} diff --git a/style/user/background_text-color.css b/style/user/background_text-color.css new file mode 100644 index 0000000..eaecb4e --- /dev/null +++ b/style/user/background_text-color.css @@ -0,0 +1,43 @@ +@import url('../!reset.css'); + +* { background-color: aliceblue; } + + +/* BACKGROUND */ +/* ======================== */ + +div#navbar, +.sub > li, +.nav a { background-color: black; } + +fieldset, +th, th span, +td, td span, +td a, td a span, +td.unq div, +td.unq ul li, +td.unq ul li a { background-color: azure; } + +legend { background-color: darkblue; } + + +/* COLOR */ +/* ======================== */ + +h3 { color: darkgreen; } + +p { color: darkred; } + +.nav a.h, +.nav a.e { color: lightgray; } +.nav a.h:hover { color: yellow; } + +legend { color: lightgray; } + +td { color: #ff8080; } + +td a.h, +td a.h:visited { color: darkblue; } +td a.h:hover { color: darkgreen; } + +td.unq a.e { color: darkgray; } diff --git a/style/user/border.css b/style/user/border.css new file mode 100644 index 0000000..101a518 --- /dev/null +++ b/style/user/border.css @@ -0,0 +1,30 @@ +h3 { + padding-bottom: 2px; + border-bottom: 2px solid darkgreen; +} + +.nav > li > a { border-right: 0.5px solid #202020; } + +#rpm a { border-right: none; } + +.sub > li > a { border-top: 0.5px solid #202020; } + +fieldset { + border: 1px solid darkblue; + border-radius: 12px; +} + +fieldset table { + border-collapse: collapse; +} + +legend { + border-radius: 16px 8px 16px 8px; +} + +th, td { border-bottom: 1.5px solid lightblue; } + +td.unq { border: none; } + +td.unq ul li, +td.unq ul li a { border-bottom: 1px solid lightblue; } diff --git a/style/user/font_text.css b/style/user/font_text.css new file mode 100644 index 0000000..d6e028c --- /dev/null +++ b/style/user/font_text.css @@ -0,0 +1,57 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto:700'); +@import url('https://fonts.googleapis.com/css?family=Hammersmith+One'); + +body { + font-family: 'Open Sans', sans-serif; + letter-spacing: 0.377px; +} + +h3 { + font-family: 'Roboto', sans-serif; + letter-spacing: 1.7px; + text-align: center; +} + +p { + text-align: center; + font-size: 77%; + font-style: italic; +} + +a { text-decoration: none; } +td a.h:hover { text-decoration: underline; } + +span { + font-weight: normal; + font-size: 72%; +} + +.sub a { text-align: left; } + +legend { + font-family: 'Hammersmith One', sans-serif; + font-size: 90%; + text-align: center; +} + +th { + font-size: 105%; + text-align: left; +} + +td.unq div a { font-size: 84%; } + +td.unq ul li, +td.unq ul li a { + font-size: 13.75px; +} + +fieldset#monitoring table tr th { text-align: left; } + +fieldset#monitoring table tr td { text-align: right; } + +fieldset table { + font-size: 92%; + font-weight: bold; + text-align: center; +} diff --git a/style/user/~general.css b/style/user/~general.css new file mode 100644 index 0000000..17a7fd7 --- /dev/null +++ b/style/user/~general.css @@ -0,0 +1,48 @@ +@import url('background_text-color.css'); +@import url('border.css'); +@import url('font_text.css'); + +/* CURSOR */ +/* ======================== */ + +h3, p, th, tr, legend { cursor: default; } + +/* MARGIN & PADDING */ +/* ======================== */ + +body { margin: 0 auto; } + +div { margin-top: 16px; } + +div#user { + margin-top: 24px; + padding: 0; +} + +h3 { margin: 7px; } + +p { margin-bottom: 7px; } + +.nav a { padding: 7px 14px; } + +fieldset { + padding: 24px 32px 32px; + margin-top: 27px; +} + +legend { padding: 4px 32px; } + +th, td { padding: 6.2px 12px; } + +td.unq ul li, +td.unq ul li a { + margin-top: 6.4px; + padding: 6.4px 0; +} + +table.add { margin-top: 7px; } + +/* LIST STYLE */ +/* ======================== */ + +ul { list-style-type: none; } diff --git a/style/user/~parameter_position.css b/style/user/~parameter_position.css new file mode 100644 index 0000000..21867a0 --- /dev/null +++ b/style/user/~parameter_position.css @@ -0,0 +1,47 @@ +body { width: 960px; } + +.nav > li { + position: relative; + float: left; +} + +.sub > li { position: relative; } + +.nav a { + display: block; + line-height: 20px; +} + +.sub { display: none; } + +div#navbar { + width: 960px; + height: 34px; + position: absolute; + z-index: 2; +} + +fieldset#urls, +fieldset#monitoring, +fieldset#shortcuts, +fieldset#tools { + position: relative; + top: 60px; +} + +fieldset table { width: 100%; } + +td.unq div ul { + position: absolute; + width: 144px;; + z-index: 4; + display: none; +} + +td.unq div:hover ul { display: block; } + +ul.nav li:hover ul.sub { display: block; } + +td a.e { visibility: hidden; } + +td.unq a.e { visibility: visible; } diff --git a/style.css b/style/~index(TEMP)/style.css similarity index 98% rename from style.css rename to style/~index(TEMP)/style.css index 3e6445d..7d074df 100644 --- a/style.css +++ b/style/~index(TEMP)/style.css @@ -149,7 +149,7 @@ div#background { height: 574px; position: relative; float: left; - background-image: url("pix/background.png"); + background-image: url("../../image/background.png"); background-repeat: no-repeat; background-size: auto; } diff --git a/users/user.html b/user.html similarity index 97% rename from users/user.html rename to user.html index 89eec47..ac4f04e 100644 --- a/users/user.html +++ b/user.html @@ -11,9 +11,11 @@ Expense/Payroll Linkboard - - + + + + @@ -27,7 +29,7 @@