vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated styles of upload page

Browse source
This commit is contained in:
pinku1 2013-12-01 22:25:34 +00:00
parent 6e9b3b10c4
commit 9b5f2ea12c
2 changed files with 66 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
upload/styles/cb_2013/layout/upload.html
View file

@ -16,7 +16,7 @@
</div>
</div>
<div class="cb-box pad-bottom">
<div class="cb-box pad-bottom video-info-container">
<ul class="nav nav-tabs">
<li class="active"><a href="#file-upload" data-toggle="tab">File Upload</a></li>
<li><a href="#remote-upload" data-toggle="tab">Remote Upload</a></li>
@ -24,7 +24,35 @@
<li><a href="#embed-code" data-toggle="tab">Embed Code</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="file-upload">file upload</div>
<div class="tab-pane fade in active clearfix" id="file-upload">
<div class="form-group">
<div class="upload-area col-md-12">Upload form here</div>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Title" />
</div>
<div class="form-group">
<textarea class="form-control" rows="3" placeholder="Add Description"></textarea>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Add Keyword (seprate with comma)" />
</div>
<div class="form-group clearfix">
<label for="upload-link" class="col-sm-3 control-label light">Upload Link:</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="upload-link" placeholder="Email">
</div>
</div>
<div class="form-group clearfix">
<label for="embed-code" class="col-sm-3 control-label light">Embed Code:</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="embed-code" placeholder="Email">
</div>
</div>
</div>
<div class="tab-pane fade" id="remote-upload">remote upload</div>
<div class="tab-pane fade" id="remote-play">remote play</div>
<div class="tab-pane fade" id="embed-code">embed code</div>

36
upload/styles/cb_2013/theme/less/upload.less
View file

@ -11,6 +11,42 @@
}
}
.video-info-container {
ul.nav-tabs {
li {
&.active {
a {
font-weight: bold;
background-color: #fafafa;
}
}
}
}
.tab-content {
padding: 0px;
}
.upload-area {
background-color: #fafafa;
min-height: 200px;
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
label {
&.light {
font-weight: normal;
font-size: 15px;
margin-top: 6px;
}
}
input, textarea {
background-color: #fafafa;
border-color: #e9e9e9;
}
}
.submit-container {
text-transform:uppercase;
margin-bottom: 25px;