Skip to content

Instantly share code, notes, and snippets.

@metapraveen

metapraveen/gridview

Created December 23, 2013 06:44
Show Gist options
  • Save metapraveen/8092656 to your computer and use it in GitHub Desktop.
Save metapraveen/8092656 to your computer and use it in GitHub Desktop.
Download ZIP
PML uncomiited changes
Raw
gridview
/*Responsive styles*/
/*End of responsive*/
/* CHAT WINDOW STYLES*/
// .chat-window{
// border: 1px solid;
// width: 300px;
// position: fixed;
// bottom: 0;
// left: 4%;
// // min-height: 225px;
// background-color: white;
// z-index: 1;
// }
// .minimize-chat{
// display: none;
// }
// .chat-msgs{
// height: 132px;
// overflow-y: auto;
// overflow-x: hidden;
// word-break: break-word;
// padding: 5px 15px;
// font-weight: normal;
// font-size: 14px;
// }
// .current-msg span{
// font-weight: bold;
// }
// .current-msg{
// margin: 5px 0px;
// }
// .chat-h-table{
// width: 100%;
// border-bottom: 1px solid;
// background-color: black;
// color: white;
// position: absolute;
// right: 0;
// min-height: 30px;
// }
// .chat-h{
// cursor: pointer;
// min-height: 30px;
// }
// .chat-textarea{
// width: 100%;
// margin: 0;
// border-radius: 0px;
// border: 3px solid transparent;
// padding-bottom: 1px;
// }
// .chat-bottom{
// border-top: 1px solid;
// min-height: 42px;
// position: absolute;
// bottom: 0;
// width: 100%;
// }
// .chat-h-table tr{
// text-align: center;
// }
// .chat-minimize:hover, .chat-close:hover{
// background-color: #999;
// }
/* CHAT WINDOW STYLES END*/
#dla_body{
overflow: hidden;
background-color: #ececec;
}
/*Grid that contains DLAs*/
.wrapper{
position: fixed;
top: 100px;
margin-top: 10px !important;
padding-top: 35px;
margin-bottom: 18% !important;
height: 79% !important;
overflow: auto;
display: block;
float: none;
margin: auto;
width: 99.6%;
}
/*After search*/
#noResultGrid{
top: inherit;
}
.noSearchResults{
color: gray;
font-size: larger;
font-weight: bold;
margin-left: auto;
position: absolute;
text-align: center;
width: 100%;
z-index: 1;
}
/*Each DLA styles*/
.dlaBg{
background: url('../imgs/background.png') no-repeat;
}
.dla{
border: 0px !important;
width:160px !important;
height: 200px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
z-index:1;
visibility:visible;
}
/* thumbnail*/
.thumbnail {
margin: 10px 10px !important;
padding: 0 !important;
}
.bookMark{
z-index: 1;
position: relative;
margin-right: 10px !important;
margin-top: -3% !important;
cursor: pointer;
}
.editLink{
color:#333333;
}
.editLink:hover{
color:#333333;
}
.editLink:focus{
outline: none;
}
#status1{
height: 0;
margin-top: 10px;
}
#status{ /*For status info*/
font-size: 8px;
font-weight: normal;
height: 10px;
margin-left: 10px;
margin-top: -3px;
text-transform: uppercase;
}
#thumb{ /*For title*/
font-size: 12px;
font-weight: bold;
height: 45px;
line-height: 15px !important;
margin-left: 9px;
padding-right: 10px;
overflow: hidden;
/*text-overflow: ellipsis;*/
word-wrap:break-word;
/*word-break: break-all;*/
}
.status_img{
margin-left: 8px;
}
#date{ /*For date*/
margin-left:10px;
color: gray;
font-size: 10px;
margin-bottom: 12px;
}
.teachersPlan{
background: url('../imgs/bg3.png') no-repeat !important;
}
/*For playlist*/
.Tranform_Effect{
background: url("../imgs/Bg2.png") no-repeat scroll 0 0 transparent;
border: 0 none !important;
display: none;
height: 215px;
margin-left: -11px;
margin-top: -206px;
width: 181px !important;
z-index: -1;
}
.mouse-info{
display: none;
position: fixed;
background-color: antiquewhite;
z-index: 1900;
padding-left: 10px;
background: url(//d3jgo56a5b0my0.cloudfront.net/web/assets/flyover/bg-d8d109bf4b706902ddf335fc63e51d88.png
);
border: 1px solid #323232;
-webkit-box-shadow: rgba(0,0,0,0.4) 2px 2px 7px;
-moz-box-shadow: rgba(0,0,0,0.4) 2px 2px 7px;
box-shadow: rgba(0,0,0,0.4) 2px 2px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
font-size: 12px;
width: 425px;
height: 300px;
overflow-y:auto;
}
.mouse-info section > p, .mouse-info section > ul{
padding-left: 20px;
}
.info-pointer{
}
Raw
listviewstyle
.listViewContainer{
margin-top:100px;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
}
#chbx1{
-webkit-appearance: none !important;
-moz-appearance:none !important;
}
.regular-checkbox {
display: none;
}
.regular-checkbox + label {
background: url('../imgs/Buttons/checkbox.png') no-repeat ;
margin: 3px !important;
padding: 6px !important;
display: inline-block;
position: relative;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
background: url('../imgs/Buttons/checkbox_checked.png') no-repeat !important;
}
.regular-checkbox:checked + label {
background: url('../imgs/Buttons/checkbox_checked.png') no-repeat !important;
background-size: 10px !important;
}
.regular-checkbox:checked + label:after {
background: url('../imgs/Buttons/checkbox_checked.png') no-repeat !important;
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #99a1a7;
}
/*.disQualify_Rows{
display: none;
}*/
.goldStar{
margin-left: 4px;
width: 14px;
height: 14px;
width: 14px;
}
Raw
table
@CHARSET "UTF-8";
#fixedTable{
width: 100%;
}
.increaseWidth{
width:25px !important;
text-overflow: clip !important;
}
#removeDataIcon{
background: url('../imgs/close.png') no-repeat;
width: 15px;
height: 15px;
position: absolute;
padding-left: 5px;
display: none;
}
.fixme {
width: 100% !important;
height: 100px !important;
}
.head {
width: 100% !important;
}
.t_fixed_header_main_wrapper{
font-size: 12px !important;
}
.table-row {
border: 0px !important;
// width: 10px !important;
}
thead{
font-size: 15px;
color: #797979;
height: 35px !important;
width:100%;
position:relative;
border:none !important;
}
.ui-widget-content .ui-state-default .table-header{
/*border:0 !important;*/
}
th {
width:100%;
height: 35px;
text-align: left;
font-size: 12px;
padding:10px;
color: #999999;
}
.createdDate{
letter-spacing: 0 !important;
}
div#listViewContainer div.ui-corner-all{
border: 5px solid #CCCCCC !important;
border-radius: 3px 3px 3px 3px;
padding: 0 !important;
}
div.t_fixed_header.ui .body tr td{
border-top: 1px solid white;
border-bottom: 1px solid #CCCCCC;
border-left: 0 none;
}
#chbx1{
margin: 0 !important;
}
div.t_fixed_header.ui .headtable th{
color: #333333;
font-size: 13px;
font-weight: bold;
letter-spacing: -1px;
text-align: left !important;
background-color: #FFFFFF;
}
th:HOVER{
background-color: #d6d6d6 !important;
color: #000000 !important;
}
tr.trh{
background-color: #ffffff !important;
cursor: pointer;
height:35px;
}
td.fntsz{
font-size: 12px;
text-align: left;
padding: 10px 10px 10px 15px !important;
font-weight: bold;
letter-spacing: -1px;
height:30px;
word-spacing: -1px;
color: #999999;
}
td.fntsz:hover{
color: #000000;
z-index: 100;
border:1px solid #BBBBBB !important;
background: #ffffcc !important; /* Old browsers */
background: -moz-linear-gradient(top, #ffffcc 0%, #fdfdc9 14%, #e5e5a7 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffcc), color-stop(14%,#fdfdc9), color-stop(100%,#e5e5a7)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffcc 0%,#fdfdc9 14%,#e5e5a7 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffcc 0%,#fdfdc9 14%,#e5e5a7 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffcc 0%,#fdfdc9 14%,#e5e5a7 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #ffffcc 0%,#fdfdc9 14%,#e5e5a7 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#e5e5a7',GradientType=0 ) !important; /* IE6-9 */
}
.header{
padding-left: 14px !important;
}
tr{
width: 100%;
}
#title{
letter-spacing: 0 !important;
font-weight: 500;
}
.gotop{
margin-left: -10px !important;
width: 30px;
}
tr.tableRow{
background: #ececec !important;
height: 35px;
width: 100%;
min-width: 50px;
border-top: 1px solid #ffffff !important;
border-bottom: 1px solid #cccccc !important;
}
tr.tableRow:hover{
background-color: #e7edb5 !important;
cursor: pointer;
border: 1px solid #ffffff;
-moz-box-shadow: 4px 0px 4px #BBBBBB !important;
-webkit-box-shadow: 4px 0px 4px #BBBBBB !important;
box-shadow: 4px 0px 4px #BBBBBB !important;
border-left: #e7edb5 !important;
border-right: #e7edb5 !important;
color: #333 !important;
}
i#ic2{
visibility: hidden;
}
span{
border-width: 0px;
}
.draft_color{
color:#ff9933;
}
.published_color{
color:#9966cc;
}
.disqualified_color{
color: #DC381F;
}
.unpublished_color{
color: #413839;
}
.ready2preview_color{
color:#33cc00;
}
.ready2publish_color{
color:#00bfff;
}
.error_color{
color: red;
}
.error_icon{
width: 15px;
height: 15px;
}
div.t_fixed_header.ui .headtable th span.ui-resize{
border-left: 1px solid #CCCCCC !important;
height: 36px !important;
margin: -10px -5px -11px 0 !important;
width: 1px !important;
padding: 0 !important;
}
#childCheckbox{
display: none;
}
#childCheckbox + label {
display: inline-block;
position: relative;
}
.regular-checkbox1 {
display: none;
}
.regular-checkbox1 + label {
background: url('../imgs/checkbox.png') no-repeat ;
margin-top: 7px;
padding: 8px;
/*border-radius: 3px;*/
display: inline-block;
position: relative;
}
.regular-checkbox1:checked + label {
background: url('../imgs/Buttons/checkbox_checked.png') no-repeat !important;
}
.regular-checkbox1:checked + label:after {
background: url('../imgs/Buttons/checkbox_checked.png') no-repeat !important;
font-size: 14px;
position: absolute;
top: 0px;
left: 3px;
color: #99a1a7;
}
.sortArrow{
background: url('../imgs/Buttons/arrow_down.png') no-repeat !important;
}
#sortTable{
display: inline-block;
height: 10px;
width: 10px;
background: url('../imgs/Buttons/arrow_up.png') no-repeat;
}
.headerSortUp {
background-image: url("../imgs/tablesorter/small_asc.gif") !important;
background-position: 80px 14px !important;
background-repeat: no-repeat !important;
background-size: 18px 9px !important;
}
.headerSortDown {
background-image: url("../imgs/tablesorter/small_dsc.gif") !important;
background-position: 80px 14px !important;
background-repeat: no-repeat !important;
background-size: 18px 9px !important;
}
/*#listviewcontainer {
margin: auto;
float: none;
}*/
/*responsive designing*/
/*@media(min-width: 1360px){
#listviewcontainer {
display: none;
height: 75%;*/
/*left: 2px;*/
/*margin:auto;*/
/*position: fixed;*/
/*top: 120px;*/
/*width: 1250px;
float: none;
}
#listviewwrapper {
width: 80%;
height: 85%;
margin: auto;
float: none;
}
#fixedtable{
width: 100% !important;
height: 100% !important;
}
}*/
/*@media(min-width: 1251px) and (max-width: 1300px){
#listviewcontainer {
display: none;
height: 75%;
*/ /*left: 2px;*/
/*margin:auto;*/
/*position: fixed;*/
/*top: 120px;*/
/* width: 972px;
float: none;
}
*/
/*#listviewwrapper {
width: 80%;
height: 85%;
margin: auto;
float: none;
}*/
/* #fixedtable{
width: 100% !important;
height: 100% !important;
}
}
@media (min-width: 1151px) and (max-width: 1250px){
#listviewcontainer {
display: none;
height: 75%;
*/ /*left: 2px;*/
/* margin:auto;
float: none;
*/ /*position: fixed;*/
/*top: 120px;*/
/* width: 972px;
}
*/ /*#listviewwrapper {
width: 80%;
height: 85%;
margin: auto;
float: none;
}*/
/* #fixedtable{
width: 100% !important;
height: 100% !important;
}
}
*/
/*@media(min-width: 1110px) and (max-width: 1150px){
#listviewcontainer {
display: none;
height: 75%;
*/ /*left: 2px;*/
/* margin:auto;
float: none;
*/ /*position: fixed;*/
/*top: 120px;*/
/* width: 877px;
}
*/
/*#listviewwrapper {
width: 80%;
height: 85%;
margin: auto;
float: none;
}*/
/* #fixedtable{
width: 100% !important;
height: 100% !important;
}
}
*/
/*@media (min-width: 1001px) and (max-width: 1109px){
#listviewcontainer {
height: 75%;
width: 84.7%;
margin: auto;
float: none;
}
#listviewwrapper {
width: 80%;
height: 85%;
margin-left: 6%;
float: none;
}
#fixedtable{
width: 100% !important;
height: 100% !important;
}
*/
/*.align_vertical{
margin-left: 0%;
}*/
/*}
@media (min-width: 899px) and (max-width: 1000px){
#listviewcontainer {
display: none;
height: 75%;
width: 859px;
margin: auto;
float: none;
}
#fixedtable{
width: 100% !important;
height: 100% !important;
}
.align_vertical{
margin-left: 0%;
}
}*/
/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
}
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
}
/* SMALL TABLET */
@media only screen and (min-width: 600px) {
}
/* TABLET/NETBOOK */
/*@media only screen and (min-width: 768px) {
#listviewcontainer {
height: 75%;
margin-left: 1%;
float: none;
width: 95%;
}
}*/
/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
/*@media only screen and (min-width: 1024px){
#listviewcontainer {
height: 75%;
margin-left: 8.5%;
float: none;
width: 83%;
}
}*/
/* DESKTOP */
/*@media only screen and (min-width: 1280px){
#listviewcontainer {
height: 75%;
margin-left: 4.5%;
float: none;
width: 90%;
}
}
*/
/* WIDESCREEN */
/* Increased body size for legibility */
/*@media only screen and (min-width: 1400px){
#listviewcontainer {
height: 75%;
margin-left: 9%;
float: none;
width: 81%;
}
}*/
#fixedtable {
width: 100% !important;
height: auto !important;
}
.thumbnail-list img{
width: 50px;
height: 25px;
}
#listViewContainer .ui-widget-content{
overflow-x: hidden;
}
th#headerThumbnailImage{
cursor: default;
}
.stat{
width: 85px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment