[Using Sakai] lessons CSS
Diego del Blanco Orobitg
diego.delblanco.sakai at gmail.com
Wed Mar 11 14:40:09 PDT 2015
This is very useful Laura.
Only a comment, just in the case someone has not read the other thread
related with css and lessons, some of these css are not "Sakai standard"
and come form a html code I sent as sample in a mail in the beginning of
that thread.
So: ".subhead", ".p_red", ".arrow" and ".li_arrow" are not really Lesson
builder original styles... So, unless you add that class definition
manually to some items in the HTML you add in Lessons, they won't be
useful. (Maybe someone was wondering the origin of these four)
But all the rest of the items in Laura's list (and many other from the
general sakai css) will modify your lessons builder pages!
Diego
2015-03-10 10:58 GMT-07:00 Laura Gekeler <LGekeler at nd.edu>:
> So, here's a beginning complete list <I think> of items one can control.
> It's the basic default css but with only the definitions which have been
> shared here previously, commented with definitions from Charles where
> appropriate.
>
>
> .title{
> margin: 0.5em 0.0px 5.0px !important;
> padding: 10.0px 0.0px 2.0px !important;
> border-width: 4px !important;
> border-bottom-style: solid !important;
> border-bottom-color: #ECD47F !important;
> font-family: "Lucida Grande", "Lucida Sans", "Verdana", sans-serif
> !important;
> font-size: 1.8em !important;
> background:#002855 !important;
> color: #fff !important;
> }
> .subhead{
>
>
>
>
>
> }
> .p_red{
> font-family: "Lucida Grande", "Lucida Sans", "Verdana", sans-serif
> !important;
> font-size: 1em !important;
> color: #b20000 !important;
> }
>
> .arrow{
> margin: 10.0px 0.0px 1.0em 25.0px;
> padding-right: 0.0px;
> padding-left: 0.0px;
> border: 0.0px;
> color: #000;
> font-family: "Lucida Grande", "Lucida Sans", "Verdana", sans-serif
> !important;
>
> }
>
> .li_arrow{
> margin: 0.0px 0.0px 4.0px;
> padding: 0.0px 0.0px 0.0px 24.0px;
> border: 0.0px;
> font-size: 1.0em;
> color: rgb(51,51,51);
> list-style-type: none;
> background-image: url(
> https://cmsresources.ucdavis.edu/cms_v2/images/common/arrow_small_right_002666.gif
> );
> background-color: transparent;
> background-position: 0.0px 0.0px;
> background-repeat: no-repeat no-repeat;
> font-family: "Lucida Grande", "Lucida Sans", "Verdana", sans-serif
> !important;
> }
>
>
> .itemlink{
> margin: 20.0px 0.0px 1.0em 25.0px;
> padding-right: 0.0px;
> padding-left: 0.0px;
> border: 0.0px;
> color: #000;
> font-family: "Lucida Grande", "Lucida Sans", "Verdana", sans-serif
> !important;
> /* the <a> for resources, etc.*/
> }
>
> .itemcopylink{
> margin: 10.0px 0.0px 1.0em 25.0px;
> padding-right: 0.0px;
> padding-left: 0.0px;
> border: 0.0px;
> color: #000;
> font-family: "Lucida Grande", "Lucida Sans", "Verdana", sans-serif
> !important;
> }
>
> .nextprevious .buttonset{
> font-size: 150%;
> /* vertical-align: middle; */
> }
> .edit-col .ui-button-text, #show-pages .ui-button-text, #submit-grading
> .ui-button-text {
> font-size: 150%;
> /* vertical-align: middle; */
> }
> body {
> background-color:#FFF
> }
>
>
> .h3 .link-div-head .lessonbuilderitem .itemlink .link-text .itemtext{
>
>
>
> }
>
> .item-icon{
> }
> /* This is for the icons that show on resources. For example, one useful
> setting is displaynone. This disables any icons in your Lessons page. You
> may, of course, use body for any changes that should apply to the whole
> page.*/
> .breadcrumbs{
> }
> /* the section with links to the page above, used in subpages and other
> items */
> .title{
>
> }
> /* the main page title*/
> .mainlist{
>
> }
> /* the table containing the primary content. (Do not rely on this being a
> table. It could become a list in a later version.)*/
>
> .itemtext{
>
> }
> /* the text inside the <a>*/
> .itemdescription{
>
> }
> /* the description field added by the author*/
> .textbox{
>
> }
> /* the text inside a text block inserted by "add text"*/
>
> .commentsDiv{
>
> }
> /* the whole section with student comments*/
> .commentDiv{
>
> }
> /* a single student comment*/
> .author{
>
> }
> /* the author's name in a student comment*/
> .specialCommenter{
>
> }
> /* the author's name if the current user is the author*/
> .commentBody{
>
> }
> /* the text of a student comment*/
> .studentDiv{
>
> }
> /* the whole section for student pages*/
> .studentTitle{
>
> }
> /* the heading "Student Pages"*/
>
> .studentLink
> /* the <a> for an individal student page*/
>
>
> Laura Gekeler
> LMS Administrator //Concurrent Instructor
> Teaching and Learning Technologies
> University of Notre Dame
> P:(1) 574-631-2402
>
>
> On 10 March 2015 at 09:49, Charles Hedrick <hedrick at rutgers.edu> wrote:
>
>> > But it's tedious to discover - I take an existing page of links, view
>> the source and uncover the classes
>>
>> The help for the settings page does talk about how to do this, and lists
>> the major classes you might want to define.
>>
>> • item-icon: This is for the icons that show on resources. For
>> example, one useful setting is display:none. This disables any icons in
>> your Lessons page. You may, of course, use body for any changes that should
>> apply to the whole page.
>> • breadcrumbs: the section with links to the page above, used in
>> subpages and other items
>> • title: the main page title
>> • mainlist: the table containing the primary content. (Do not
>> rely on this being a table. It could become a list in a later version.)
>> • itemlink: the <a> for resources, etc.
>> • itemtext: the text inside the <a>
>> • itemdescription: the description field added by the author
>> • textbox: the text inside a text block inserted by "add text"
>> • commentsDiv: the whole section with student comments
>> • commentDiv: a single student comment
>> • author: the author's name in a student comment
>> • specialCommenter: the author's name if the current user is the
>> author
>> • commentBody: the text of a student comment
>> • studentDiv: the whole section for student pages
>> • studentTitle: the heading "Student Pages"
>> • studentLink: the <a> for an individal student page
>>
>> If you see any problems — like changes have invalidated some of these but
>> I haven’t updated the help file — please issue a Jira.
>>
>> However looking at the Sakai 10 QA, it appears that the help text that I
>> maintain — which is intended to document all features — has been replaced
>> by pages that don't. The real help files are still there in the tool, but
>> your site may not be showing them.
>>
>>
>>
>> _______________________________________________
>> sakai-user mailing list
>> sakai-user at collab.sakaiproject.org
>> http://collab.sakaiproject.org/mailman/listinfo/sakai-user
>>
>> TO UNSUBSCRIBE: send email to
>> sakai-user-unsubscribe at collab.sakaiproject.org with a subject of
>> "unsubscribe"
>
>
>
> _______________________________________________
> sakai-user mailing list
> sakai-user at collab.sakaiproject.org
> http://collab.sakaiproject.org/mailman/listinfo/sakai-user
>
> TO UNSUBSCRIBE: send email to
> sakai-user-unsubscribe at collab.sakaiproject.org with a subject of
> "unsubscribe"
>
--
*Diego del Blanco Orobitg*
Spain & LATAM Regional Manager (*ANI Sakai <http://www.anisakai.es/>*)
Apereo LATAM Representative (*Apereo Foundation <http://www.apereo.org/>*)
Ph: +1-480-521-8527
Em: ddelblanco at anisakai.com
Sk: ddelblanco.ani
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://collab.sakaiproject.org/pipermail/sakai-user/attachments/20150311/2079f38a/attachment.html
More information about the sakai-user
mailing list