вопрос
Как то давно я искал в гугле как сделать адаптивную таблицу нашел вписал код и все стало супер. А сейчас забыл как называется ресурс на котором смотрел все это, собственно в поэтому и возник такой вопрос помогите пожалуйста код CSS ниже -
#orderdesc-area{padding:10px;}
#orderdesc-area *{margin:0;padding:0;border:0;outline:0;font-size:100%;font:normal 12px Arial;color:#DCDCDC;vertical-align:top;text-decoration:none;border-spacing:1px;}
.orderdesc-edit-area h1, #orderdesc-area h1{font:normal 17px 'Trebuchet MS';color:#A5BBDC;padding-bottom:15px;}
.orderdesc-edit-area a, #orderdesc-area a{color:White;}
.orderdesc-edit-area a:hover, #orderdesc-area a:hover{color:Crimson;}
#orderdesc-table{width:100%;margin-top:10px;}
#orderdesc-table td{padding:10px;overflow:hidden;}
#orderdesc-table td.odtdcenter{text-align:center;}
#orderdesc-table thead tr{background:#73478a;line-height:15px;}
#orderdesc-table thead tr td{border-right:1px solid #161d25;font-weight:bold;color:White;border-bottom:1px solid #73478a;}
#orderdesc-table thead tr td a{font-weight:bold;}
#orderdesc-table tbody tr.orderdescr-tr-odd{background-color:#131a20;}
#orderdesc-table tbody tr:hover{background-color:#304156;}
#orderdesc-table tbody tr td{border-bottom:1px dotted #73478a;}
#orderdesc-table tbody tr td p{font:normal 11px/13px Tahoma;color:#777;}
#orderdesc-table tbody tr td p.orderdesc-descr{display:none;margin-top:10px;font:normal 12px Arial;color:#555;word-break:break-all;}
#orderdesc-table tbody tr td a{text-decoration:underline;}
#orderdesc-table tbody tr td a.orderdesc-rating-plus,
#orderdesc-table tbody tr td a.orderdesc-rating-null{color:#767f89;display:inline-block;padding-left:12px;font:bold 11px/16px Tahoma;height:16px;text-decoration:none;background:url('sprite.png') no-repeat -16px -195px;}
#orderdesc-table tbody tr td a.orderdesc-rating-null:hover{background-position:0 -195px;color:#000;}
#orderdesc-table tbody tr td a.orderdesc-rating-plus{color:#719924;background-position:0 -195px;}
#orderdesc-table tbody tr td a.orderdesc-rating-plus:hover{color:Crimson;}
#orderdesc-table tbody tr td span.orderdesc-rating-plus,
#orderdesc-table tbody tr td span.orderdesc-rating-null{display:inline-block;font:bold 11px/16px Tahoma;height:16px;}
#orderdesc-table tbody tr td span.orderdesc-rating-plus{color:#719924;background:url('sprite.png') no-repeat 0 -195px;padding-left:12px;}
#orderdesc-table tbody tr td span.orderdesc-rating-null{color:#999;}
#orderdesc-navigation{margin:15px 0 5px;line-height:30px;height:30px;text-align:center;padding:0 10px 0 5px;}
#orderdesc-navigation *{display:inline-block;margin-left:5px;line-height:28px;height:28px;background:#f6f6f6;padding:0 8px;font-weight:bold;text-shadow:0 1px 2px #fff;border:1px solid #e3e3e3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#orderdesc-navigation a{background:#f0f0f0 url('bg_navi.png') repeat-x;}
#orderdesc-navigation a:hover{-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);background:#f0f0f0;color:#000;}
#orderdesc-navigation span{background:#fff;color:#999;}
#orderdesc-navigation b{background:none;border:none;}
#orderdesc-actions{margin-top:10px;height:31px;}
#orderdesc-add{float:left;width:153px;height:31px;background:url('add_order.png') repeat-y; text-indent:-99999px;}
#orderdesc-add:hover{background-position:right bottom;}
#orderdesc-search-area{float:right;width:250px;height:28px;background:url('search_bg.png') no-repeat;}
#orderdesc-search-input{width:210px;height:28px;border:none;background:none;padding:0 0 0 10px;color:#444;}
#orderdesc-search-find{width:30px;height:28px;border:none;background:none;cursor:pointer;}
#orderdesc-add-area, .orderdesc-edit-area{margin-top:10px;display:none;border:1px solid #eee;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:10px;background:#e3e5e7;-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.25);box-shadow:inset 0 2px 4px rgba(0,0,0,0.25);}
.orderdesc-edit-area hr{border-top:1px solid #ccc;border-bottom:1px solid #fff;height:0;margin-bottom:7px}
.orderdesc-edit-area{display:block;margin:10px 10px 0;}
.orderdesc-edit-area label{display:block;padding:5px 0 5px 10px;}
.orderdesc-edit-area label input{margin-right:7px;}
#orderdesc-add-area form, .orderdesc-edit-area form{width:432px;display:block;margin:0 auto !important;}
#orderdesc-add-area h4, .orderdesc-edit-area h4{font:normal 11px Tahoma;color:#444;margin-left:7px;}
.orderdesc-inputclass{display:block;margin-bottom:7px !important;border:1px solid #aaa !important;background:#fcfcfc;-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1), 0 1px 0 #fff;-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.1), 0 1px 0 #fff;box-shadow:inset 0 2px 3px rgba(0,0,0,0.1), 0 1px 0 #fff;}
.orderdesc-inputclass:focus{border-color:#d09d00 !important;-moz-box-shadow:inset 0 2px 3px rgba(0,0,0,0.3), 0 1px 0 #fff;-webkit-box-shadow:inset 0 2px 3px rgba(0,0,0,0.3), 0 1px 0 #fff;box-shadow:inset 0 2px 3px rgba(0,0,0,0.3), 0 1px 0 #fff;background-color:#fff;}
.orderdesc-add-input, #orderdesc-add-area form select, .orderdesc-edit-area form select{padding:0 15px !important;height:22px;width:430px;}
.orderdesc-add-input{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;width:400px;}
#orderdesc-add-area textarea, .orderdesc-edit-area textarea{height:150px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;padding:5px;width:420px;}
#orderdesc-add-submit{display:block;cursor:pointer;margin-top:10px;width:auto;padding:7px 20px;color:#777;background:#f0f0f0 url('bg_navi.png') repeat-x;text-shadow:0 1px 0 #fff;border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#orderdesc-del-submit{float:right;cursor:pointer;margin-top:3px;width:auto;padding:2px 10px;color:#777;background:#f0f0f0 url('bg_navi.png') repeat-x;text-shadow:0 1px 0 #fff;border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#orderdesc-edit-cancel{float:right;line-height:20px;margin-top:3px;margin-right:10px;}
#orderdesc-filters{margin-top:10px;}
#orderdesc-filters a{display:inline-block;margin:0 5px 5px 0;padding:3px 22px;line-height:15px;height:15px;color:#777;background:#f0f0f0 url('bg_navi.png') repeat-x;text-shadow:0 1px 0 #fff;border:1px solid #e3e3e3;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#orderdesc-filters a:hover{-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);background:#f0f0f0;color:#000;}
#orderdesc-filters a i{float:left;margin-left:-18px;width:16px;height:15px;background:url('sprite.png') no-repeat;}
#orderdesc-filters a i:hover{background-position:-16px 0;}
#orderdesc-filters a i.orderdesc-find{background-position:0 -135px;}
#orderdesc-filters a i.orderdesc-find:hover{background-position:-16px -135px;}
#orderdesc-filters a i.orderdesc-sort{background-position:0 -90px;}
#orderdesc-filters a i.orderdesc-sort:hover{background-position:-16px -90px;}
#orderdesc-filters a i.orderdesc-filter{background-position:0 -75px;}
#orderdesc-filters a i.orderdesc-filter:hover{background-position:-16px -75px;}
#orderdesc-filters a u{float:right;margin-right:-18px;width:16px;height:15px;background:url('sprite.png') no-repeat 0 -105px;}
#orderdesc-filters a u:hover{background-position:-16px -105px;}
.orderdesc-icon{display:inline-block;width:16px;height:15px;background:url('sprite.png') no-repeat;}
.orderdesc-wait{background-position:0 -15px;}
.orderdesc-wait:hover{background-position:-16px -15px;}
.orderdesc-work{background-position:0 -30px;}
.orderdesc-work:hover{background-position:-16px -30px;}
.orderdesc-done{background-position:0 -45px;}
.orderdesc-done:hover{background-position:-16px -45px;}
.orderdesc-deny{background-position:0 -60px;}
.orderdesc-deny:hover{background-position:-16px -60px;}
.orderdesc-descr-trigger{background-position:0 -120px;}
.orderdesc-descr-trigger:hover{background-position:-16px -120px;}
.orderdesc-descr-triggered{background-position:0 -105px;}
.orderdesc-descr-triggered:hover{background-position:-16px -105px;}
.orderdesc-edit{background-position:0 -150px;}
.orderdesc-edit:hover{background-position:-16px -150px;}
.orderdesc-profile{background-position:0 -165px;}
.orderdesc-profile:hover{background-position:-16px -165px;}
.orderdesc-rating-td{background-position:0 -180px;}
.orderdesc-rating-td:hover{background-position:-16px -180px;}
.orderdesc-rating-del{background-position:0 -210px;}
.orderdesc-rating-del:hover{background-position:-16px -210px;}
.odclear{clear:both;overflow:hidden;height:0;}
#orderdesc_related{display:none;background:#ffc;border:1px solid #9E9E9E;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#orderdesc_related li{display:block;padding:2px 75px 2px 5px;line-height:16px;border-bottom:1px dotted #ccc;color:#777;}
#orderdesc_related li span{float:right;height:16px;width:70px;margin-right:-75px;text-align:center;color:#333;font-weight:bold;}
#orderdesc_related li b{font-weight:bold;}
