From: Bryan Date: Fri, 21 Feb 2014 06:46:10 +0000 (-0500) Subject: Renaming course_list_table.css to reflect more general nature. X-Git-Tag: release-20150131~163^2~11 X-Git-Url: https://git.librecmc.org/?a=commitdiff_plain;h=ad2ebb9b62f322378448cc1a17b9b3322c499fa1;p=oweals%2Fkarmaworld.git Renaming course_list_table.css to reflect more general nature. --- diff --git a/karmaworld/assets/css/course_list_table.css b/karmaworld/assets/css/course_list_table.css deleted file mode 100644 index f3f9042..0000000 --- a/karmaworld/assets/css/course_list_table.css +++ /dev/null @@ -1,196 +0,0 @@ -table#data_table_list -{ - margin:14px auto; -} -a { - color:black; -} -a:hover { - color:#f05a28; -} - - -/*************** -Search Bar -***************/ -#data_table_list_filter { - /* pulled out of global.css */ - margin: 0; -} - -#data_table_list_filter input { - font: 22px/1em "MuseoSlab-300"; - margin-top: 20px; - margin-bottom: 20px; - border-style: solid; - border-color: black; - border-width: 1px; - padding-left: 32px; /* move the placeholder text to the right of the search icon*/ - background-image: url(../img/lightbox_search_icon.png); - background-position: 8px 50%; - background-repeat: no-repeat; -} - - -/*************** -Table Headers -***************/ -table.dataTable thead th { - padding: 3px 18px 3px 10px; - cursor: pointer; - *cursor: hand; -} - -table.dataTable thead th.sort-by { - padding-right: 0px; -} - -table#data_table_list thead tr -{ - height: 50px; -} - -table#data_table_list th -{ - float:left; - font-family: "MuseoSlab-300"; - font-size: 12px; - font-weight: normal; -} - -th.sorting_asc, th.sorting_desc { - text-decoration: underline; -} - -th.no-display { - display: none; -} - - -/*************** -Table Data -***************/ -table#data_table_list { - /*border-collapse: collapse;*/ -} - -tr.course-row { - border-color: white; - border-style: dotted none; - border-width: 2px; -} - -tr.course-row:hover { - border-color: gray; - border-style: dotted none; -} - -.table-font { - font-family: "MuseoSlab-300"; - font-size: 12px; - font-style: italic; -} - -td.slim * { - /* all children of a td with a slim class - * used to not set font-size on foundation size tags */ - font-family: "MuseoSlab-300"; - font-size: 12px; - height: 20px; /* required for :hover on Table Rows (when floating td elements) */ -} - -td.no-display { - display: none; -} - -table#data_table_list tr:nth-child(even) -{ - /*background: url(../img/dashboard_activity_alt_on_bg.gif);*/ -} - -/* underline all links in the table body */ -table#data_table_list tbody td a { - text-decoration: underline; -} - -/* rows of course data */ -table#data_table_list tbody tr { - width: 840px; -} - - -/*************** -Slim Row -***************/ -table.dataTable td.sort-by { - /* hack - Provide positioning for the "sort by text" */ - display:none; -} - -td.note-count * { - font-size: 12px; - /*width: 400px; [> 100% minus td.date width -- make sure the next line wraps <]*/ -} - - -/*************** -Fat Row -***************/ -td.course-name * { - font-family: "MuseoSlab-300"; - font-size: 18px; -} - -table#data_table_list td div.upload { - width: 45px; - height: 45px; - visibility: hidden; - font-size: 34px; - text-align: center; - vertical-align: middle; - margin-top: -8px; -} - -table#data_table_list td div.upload i { - display: block; - cursor: pointer; -} - -table#data_table_list td div.upload a { - text-decoration: none; -} - -table#data_table_list tr:hover td div.upload { - visibility: visible; -} - -/* OPENTIP configuration */ -.ot-content { - font-family: "MuseoSlab-300"; - font-size: 18px; -} - -/* CSS HACKS */ -/* Makes lines look better */ -td.columns { - line-height: 1.5em; -} - -table#data_table_list tr td:last-child { - margin-bottom: 20px; -} - -@media only screen and (min-width: 768px) { - /* pulled out of global.css */ - - table#data_table_list .table-font { - font-family: "MuseoSlab-300"; - font-size: 18px; - font-style: normal; - } - - table#data_table_list tr td:last-child { - /* override some vrtial margin spacing for the front page table */ - margin-bottom: 0; - } -} diff --git a/karmaworld/assets/css/data_table_list.css b/karmaworld/assets/css/data_table_list.css new file mode 100644 index 0000000..f3f9042 --- /dev/null +++ b/karmaworld/assets/css/data_table_list.css @@ -0,0 +1,196 @@ +table#data_table_list +{ + margin:14px auto; +} +a { + color:black; +} +a:hover { + color:#f05a28; +} + + +/*************** +Search Bar +***************/ +#data_table_list_filter { + /* pulled out of global.css */ + margin: 0; +} + +#data_table_list_filter input { + font: 22px/1em "MuseoSlab-300"; + margin-top: 20px; + margin-bottom: 20px; + border-style: solid; + border-color: black; + border-width: 1px; + padding-left: 32px; /* move the placeholder text to the right of the search icon*/ + background-image: url(../img/lightbox_search_icon.png); + background-position: 8px 50%; + background-repeat: no-repeat; +} + + +/*************** +Table Headers +***************/ +table.dataTable thead th { + padding: 3px 18px 3px 10px; + cursor: pointer; + *cursor: hand; +} + +table.dataTable thead th.sort-by { + padding-right: 0px; +} + +table#data_table_list thead tr +{ + height: 50px; +} + +table#data_table_list th +{ + float:left; + font-family: "MuseoSlab-300"; + font-size: 12px; + font-weight: normal; +} + +th.sorting_asc, th.sorting_desc { + text-decoration: underline; +} + +th.no-display { + display: none; +} + + +/*************** +Table Data +***************/ +table#data_table_list { + /*border-collapse: collapse;*/ +} + +tr.course-row { + border-color: white; + border-style: dotted none; + border-width: 2px; +} + +tr.course-row:hover { + border-color: gray; + border-style: dotted none; +} + +.table-font { + font-family: "MuseoSlab-300"; + font-size: 12px; + font-style: italic; +} + +td.slim * { + /* all children of a td with a slim class + * used to not set font-size on foundation size tags */ + font-family: "MuseoSlab-300"; + font-size: 12px; + height: 20px; /* required for :hover on Table Rows (when floating td elements) */ +} + +td.no-display { + display: none; +} + +table#data_table_list tr:nth-child(even) +{ + /*background: url(../img/dashboard_activity_alt_on_bg.gif);*/ +} + +/* underline all links in the table body */ +table#data_table_list tbody td a { + text-decoration: underline; +} + +/* rows of course data */ +table#data_table_list tbody tr { + width: 840px; +} + + +/*************** +Slim Row +***************/ +table.dataTable td.sort-by { + /* hack - Provide positioning for the "sort by text" */ + display:none; +} + +td.note-count * { + font-size: 12px; + /*width: 400px; [> 100% minus td.date width -- make sure the next line wraps <]*/ +} + + +/*************** +Fat Row +***************/ +td.course-name * { + font-family: "MuseoSlab-300"; + font-size: 18px; +} + +table#data_table_list td div.upload { + width: 45px; + height: 45px; + visibility: hidden; + font-size: 34px; + text-align: center; + vertical-align: middle; + margin-top: -8px; +} + +table#data_table_list td div.upload i { + display: block; + cursor: pointer; +} + +table#data_table_list td div.upload a { + text-decoration: none; +} + +table#data_table_list tr:hover td div.upload { + visibility: visible; +} + +/* OPENTIP configuration */ +.ot-content { + font-family: "MuseoSlab-300"; + font-size: 18px; +} + +/* CSS HACKS */ +/* Makes lines look better */ +td.columns { + line-height: 1.5em; +} + +table#data_table_list tr td:last-child { + margin-bottom: 20px; +} + +@media only screen and (min-width: 768px) { + /* pulled out of global.css */ + + table#data_table_list .table-font { + font-family: "MuseoSlab-300"; + font-size: 18px; + font-style: normal; + } + + table#data_table_list tr td:last-child { + /* override some vrtial margin spacing for the front page table */ + margin-bottom: 0; + } +} diff --git a/karmaworld/templates/courses/course_detail.html b/karmaworld/templates/courses/course_detail.html index 049f67e..4b5d0aa 100644 --- a/karmaworld/templates/courses/course_detail.html +++ b/karmaworld/templates/courses/course_detail.html @@ -89,7 +89,7 @@ {% block pagestyle %} - + {% endblock %} diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html index 8c145d2..45a2ccc 100644 --- a/karmaworld/templates/courses/course_list.html +++ b/karmaworld/templates/courses/course_list.html @@ -8,7 +8,7 @@ {% block pagestyle %} - + {% endblock %} diff --git a/karmaworld/templates/notes/search_results.html b/karmaworld/templates/notes/search_results.html index 3a8b7b0..89cf619 100644 --- a/karmaworld/templates/notes/search_results.html +++ b/karmaworld/templates/notes/search_results.html @@ -7,7 +7,7 @@ {% block pagestyle %} - + {% endblock %}