aboutsummaryrefslogtreecommitdiffhomepage
path: root/public/stylesheets/index.scss
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2015-11-22 11:34:48 +0100
committerChocobozzz <florian.bigard@gmail.com>2015-11-22 11:34:48 +0100
commite5e7517b62c328880f4b510c36729deb55703787 (patch)
tree91b1f99dd1867991b55dd8c71e973a97fbce8062 /public/stylesheets/index.scss
parenta18603803ae37d7db8ac116113ede0bd979eddcd (diff)
downloadPeerTube-e5e7517b62c328880f4b510c36729deb55703787.tar.gz
PeerTube-e5e7517b62c328880f4b510c36729deb55703787.tar.zst
PeerTube-e5e7517b62c328880f4b510c36729deb55703787.zip
Use bootstrap sass
Diffstat (limited to 'public/stylesheets/index.scss')
-rw-r--r--public/stylesheets/index.scss126
1 files changed, 126 insertions, 0 deletions
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 @@
1$icon-font-path: "/stylesheets/vendor/fonts/bootstrap/";
2
3@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
4
5body {
6 padding: 20px;
7}
8
9.span_action {
10 margin: 5px;
11 cursor: pointer;
12}
13
14
15
16header div {
17 height: 50px;
18 line-height: 25px;
19 margin-bottom: 50px;
20}
21
22#search_video {
23 margin: 0 30px 0 30px;
24}
25
26
27
28menu {
29 margin-right: 20px;
30 border-right: 1px solid rgba(0, 0, 0, 0.2);
31}
32
33menu .panel_button {
34 margin: 8px;
35 cursor: pointer;
36 transition: margin 0.2s;
37}
38
39menu .panel_button:hover {
40 margin-left: 15px;
41}
42
43menu .glyphicon {
44 margin: 5px;
45}
46
47
48
49#ajax_load {
50 min-height: 500px;
51}
52
53.loading {
54 display: inline-block;
55 margin-top: 100px;
56}
57
58.video {
59 margin-bottom: 10px;
60 transition: margin 0.5s ease;
61}
62
63.video:hover {
64 margin-left: 5px;
65}
66
67.video_name {
68 cursor: pointer;
69 margin-right: 5px;
70}
71
72.video_pod_url {
73 font-size: small;
74 color: rgba(0, 0, 0, 0.5);
75}
76
77.video_description {
78 font-size: small;
79 font-style: italic;
80 margin-left: 7px;
81}
82
83
84
85form {
86 padding: 1px;
87 margin-top: 10px;
88}
89
90form div {
91 margin-bottom: 15px !important;
92}
93
94.btn-file {
95 position: relative;
96 overflow: hidden;
97}
98.btn-file input[type=file] {
99 position: absolute;
100 top: 0;
101 right: 0;
102 min-width: 100%;
103 min-height: 100%;
104 font-size: 100px;
105 text-align: right;
106 filter: alpha(opacity=0);
107 opacity: 0;
108 outline: none;
109 background: white;
110 cursor: inherit;
111 display: block;
112}
113
114.name_file {
115 display: inline-block;
116 margin-left: 10px;
117}
118
119
120footer {
121 border-top: 1px solid rgba(0, 0, 0, 0.2);
122 padding-top: 10px;
123 padding-top: 10px;
124 text-align: center;
125 font-size: small;
126}