Skip to main content

S4S CSS

 @font-face {

font-family: 'Segoe UI';
font-display: auto;
font-style: normal;
font-weight: 400;
src: local("Segoe UI"), local("segoeui"), url("./fonts/segoeui.ttf") format("truetype");
}

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

body {
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

body .container {
margin: 0 auto;
width: 792px;
border: 11px solid transparent;
background-color: #edebe9;
}

body .container .webpart-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

body .container .webpart-container h2 {
margin-top: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-size: 24px;
font-style: normal;
font-weight: normal;
}

body .container .webpart-container ul {
list-style-type: none;
padding: 0;
width: 100%;
}

body .container .webpart-container ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: .5em 1em;
}

body .container .webpart-container ul li:hover {
cursor: pointer;
background-color: #fff;
}

body .container .webpart-container ul li .ms-Icon {
font-size: 1.5em;
}

body .container .webpart-container .categories-list li {
font-weight: 700;
}

body .container .webpart-container .categories-list .label {
padding-left: .5em;
}

body .container .webpart-container .left-block {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}

body .container .webpart-container .right-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
}

body .container .webpart-container .right-block .cat-list-block {
position: relative;
margin: 0;
padding: 1em;
display: none;
height: 100%;
}

body .container .webpart-container .right-block .cat-list-block h3 {
font-size: 1em;
margin-top: .3em;
}

body .container .webpart-container .right-block .cat-list-block.active {
display: block;
}

body .container .webpart-container .right-block .cat-list-block li {
padding: 0;
}

body .container .webpart-container .right-block .cat-list-block a {
display: inline-block;
padding: .5em 1em;
color: #ef7246;
text-decoration: none;
}

body .container .webpart-container .right-block .cat-list-block a:hover {
color: #333;
background-color: #f5aa90;
}

body .container .webpart-container .right-block .cat-list-block .watermark {
position: absolute;
right: 1em;
bottom: 1em;
opacity: .10;
}

body .container .webpart-container .right-block .cat-list-block .watermark.ms-Icon:before {
font-size: 8em;
}

body .container .webpart-container .right-block .cat-list-block .watermark img {
height: 128px;
width: 128px;
}

body .container .webpart-container .left-block,
body .container .webpart-container .right-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
/*# sourceMappingURL=styles.css.map */

Comments

Post a Comment

Popular posts from this blog

Event Date Function

  Date.toISOFormat = function (date, ignoreTime) {      /// <summary>Date object static method to format a date to date ISO string - YYYY-MM-DDThh:mm:ssZ</summary>      /// <param name="date" type="Date" mayBeNull="false" optional="false"></param>      /// <param name="ignoreTime" type="Boolean" mayBeNull="false" optional="true"></param>      /// <returns type="String">A string representing ISO format for specied date</returns>        // If not specified, time is ignored      var ignoreTime = ignoreTime || {};        function pad(number) {          // Add leading 0 if number is less then 10 (enclosed method)          var r = String(number);          if (r.length ==...
Post a Comment
Read more

The _spPageContextInfo

I f you are creating a SharePoint app using JavaScript and the Client side object model you need this friendly object. In the development of an app, you would require some basic properties- SharePoint as a framework provides these with the  _spPageContextInfo  object. _  spPageContextInfo  will provide these below properties:  webServerRelativeUrl  webAbsoluteUrl siteAbsoluteUrl serverRequestPath layoutsUrl webTitle webTemplate tenantAppVersion isAppWeb webLogoUrl webLanguage currentLanguage currentUICultureName currentCultureName env nid fid clientServerTimeDelta updateFormDigestPageLoaded siteClientTag crossDomainPhotosEnabled webUIVersion webPermMasks pagePersonalizationScope userId userLoginName systemUserKey alertsEnabled siteServerRelativeUrl allowSilverlightPrompt themedCssFolderUrl themedImageFileNames
Post a Comment
Read more

PublishingAssociatedContentType

The Content Type to be associated with a page layout is indicated by the 'PublishingAssociatedContentType'. In the actual sense it means a binding setting between the Page Layout and the content type. If you fail to provide one, the SharePoint framework will make use of the Page Content type. The format of the binding is: ';# e.g. ';#ContentPage;#0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF3900470b13dd348649d08f9e5151501df9a4000dbd46dad8d045f98c83ad983b66d3f2;#'. where Content Type name: ContentPage Content Type ID: 0x010100C568DB52D9D0A14D9B2FDCC96666E9F2007948130EC3DB064584E219954237AF3900470b13dd348649d08f9e5151501df9a4000dbd46dad8d045f98c83ad983b66d3f2 respectively. QED
Post a Comment
Read more