177 lines
3 KiB
Text
Executable file
177 lines
3 KiB
Text
Executable file
/**
|
|
* @author : Arslan Hassan (@arslancb), Fawaz Tahir (@fawazcb)
|
|
* @ClipBucket : 2.7
|
|
* @Theme Name : ClipBucket 2013 Fall
|
|
*/
|
|
|
|
|
|
@background : #e8e8e8;
|
|
@font-color : #000;
|
|
@link-color : #09c;
|
|
|
|
@font-family : "Roboto", "Segoe UI", "Helvetica neue",Helvetica, sans-serif;
|
|
@font-size : 14px;
|
|
|
|
@container-width : 1170px;
|
|
|
|
@box-border : 3px;
|
|
@btn-border : 3px;
|
|
|
|
@image-path : '../../images';
|
|
|
|
@logo-path : '@{image-path}/logo.png';
|
|
@logo-width:188px;
|
|
@logo-height:36px;
|
|
|
|
@border-color : #09c;
|
|
|
|
@footer-height : 60px;
|
|
|
|
|
|
body{
|
|
background-color: @background;
|
|
color : @font-color;
|
|
font-family: @font-family;
|
|
font-size:@font-size;
|
|
padding-top: 85px;
|
|
}
|
|
|
|
img {max-width:100%; }
|
|
html,body{ height: 100%; }
|
|
|
|
|
|
#container{
|
|
//width : @container-width;
|
|
min-height: 100%;
|
|
height: auto !important;
|
|
/*min-height: 100%;*/
|
|
/* Negative indent footer by it's height */
|
|
margin: 0 auto -@footer-height;
|
|
position: relative;
|
|
}
|
|
#container:after {
|
|
content: "";
|
|
display: block;
|
|
}
|
|
|
|
|
|
.item { width: 25%; background-color: #05e;}
|
|
.item.w2 { width: 50%; background-color: #05e;}
|
|
|
|
|
|
.box-shadow (@x: 0; @y: 0; @blur: 1px; @color: #000) {
|
|
box-shadow: @arguments;
|
|
-moz-box-shadow: @arguments;
|
|
-webkit-box-shadow: @arguments;
|
|
}
|
|
|
|
|
|
|
|
.bold{font-weight: bold}
|
|
|
|
|
|
.test_bg{
|
|
background-color: #aaa;
|
|
|
|
&.bg1{
|
|
background-color: #356635;
|
|
}
|
|
}
|
|
|
|
.no-padding{padding: 0px;}
|
|
|
|
|
|
.absolute{position: absolute}
|
|
.relative{position: relative}
|
|
|
|
|
|
.userAccountMenu{
|
|
ul.navbar-nav{
|
|
padding: 18px;
|
|
>li{
|
|
>a{
|
|
padding: 5px;
|
|
color: #555;
|
|
margin-right: 20px;
|
|
font-size: 0.95em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.userPicContainer{
|
|
a{
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
padding: 8px 40px 8px 8px;
|
|
img{
|
|
width: 50px;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* sidebar styles */
|
|
|
|
.leftSidebar{
|
|
border-right: solid 1px #eee;
|
|
a:hover{
|
|
text-decoration: none;
|
|
}
|
|
>ul{
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
list-style: none;
|
|
width: 95%;
|
|
>li{
|
|
border: solid 1px #0789F4;
|
|
border-bottom: none;
|
|
margin-bottom: 10px;
|
|
>a{
|
|
padding: 4px;
|
|
background-color: #0671C9;
|
|
display: block;
|
|
color: #fff;
|
|
font-size: 1.2em;
|
|
}
|
|
>ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
>li{
|
|
>a{
|
|
font-size: 0.9em;
|
|
display: block;
|
|
padding: 5px;
|
|
border-bottom: solid 1px #0789F4;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@import 'essentials.less';
|
|
|
|
@import 'elements.less';
|
|
|
|
/* Importing Navigation CSS */
|
|
@import 'nav.less';
|
|
|
|
/* Importing Form CSS */
|
|
@import 'form.less';
|
|
|
|
/* Importing Footer */
|
|
@import 'footer.less';
|
|
|
|
/* Importing Components */
|
|
@import 'objects.less';
|
|
|
|
|
|
/* Importing video css */
|
|
@import 'video.less';
|
|
|
|
/* Importing upload css */
|
|
@import 'upload.less';
|
|
|
|
|