From e5e7517b62c328880f4b510c36729deb55703787 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Sun, 22 Nov 2015 11:34:48 +0100 Subject: Use bootstrap sass --- public/stylesheets/index.scss | 126 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 126 insertions(+) create mode 100644 public/stylesheets/index.scss (limited to 'public/stylesheets/index.scss') diff --git a/public/stylesheets/index.scss b/public/stylesheets/index.scss new file mode 100644 index 000000000..5dbb5e85a --- /dev/null +++ b/public/stylesheets/index.scss @@ -0,0 +1,126 @@ +$icon-font-path: "/stylesheets/vendor/fonts/bootstrap/"; + +@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; + +body { + padding: 20px; +} + +.span_action { + margin: 5px; + cursor: pointer; +} + + + +header div { + height: 50px; + line-height: 25px; + margin-bottom: 50px; +} + +#search_video { + margin: 0 30px 0 30px; +} + + + +menu { + margin-right: 20px; + border-right: 1px solid rgba(0, 0, 0, 0.2); +} + +menu .panel_button { + margin: 8px; + cursor: pointer; + transition: margin 0.2s; +} + +menu .panel_button:hover { + margin-left: 15px; +} + +menu .glyphicon { + margin: 5px; +} + + + +#ajax_load { + min-height: 500px; +} + +.loading { + display: inline-block; + margin-top: 100px; +} + +.video { + margin-bottom: 10px; + transition: margin 0.5s ease; +} + +.video:hover { + margin-left: 5px; +} + +.video_name { + cursor: pointer; + margin-right: 5px; +} + +.video_pod_url { + font-size: small; + color: rgba(0, 0, 0, 0.5); +} + +.video_description { + font-size: small; + font-style: italic; + margin-left: 7px; +} + + + +form { + padding: 1px; + margin-top: 10px; +} + +form div { + margin-bottom: 15px !important; +} + +.btn-file { + position: relative; + overflow: hidden; +} +.btn-file input[type=file] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + filter: alpha(opacity=0); + opacity: 0; + outline: none; + background: white; + cursor: inherit; + display: block; +} + +.name_file { + display: inline-block; + margin-left: 10px; +} + + +footer { + border-top: 1px solid rgba(0, 0, 0, 0.2); + padding-top: 10px; + padding-top: 10px; + text-align: center; + font-size: small; +} -- cgit v1.2.3