Enter your text here
Involved code
  • Views, partials & template editors
  • Controller
  • Model
  • Javascripts
  • CSS
  • Generated client files
  • View
  • Layout
   1:  @using InnovaApp.Layers.ResourcesLayer.Properties
   2:  @model InnovaApp.Portals.MVC4Portal.Models.TextBoxModel
   3:  @section featured {
   4:     <section class="featured">
   5:        <div class="content-wrapper">
   6:           <hgroup class="title">
   7:              <h1>@Model._PageTitle<br />
   8:              </h1>
   9:              <h2>@Model._PageMessage</h2>
  10:           </hgroup>
  11:           <p>
  12:              @Resources.View_Sample_SingleControl_TextBox_Help
  13:           </p>
  14:        </div>
  15:     </section>
  16:  }
  17:  @using (Ajax.BeginForm(new AjaxOptions() { HttpMethod = "Post", OnSuccess = "$.fn.MainAjaxSuccess", OnFailure = "$.fn.MainAjaxFailure" }))
  18:  {
  19:     <section>
  20:        <fieldset class="centerMargin25 ui-widget ui-widget-content ui-corner-all padding15">
  21:           <legend></legend>
  22:           @Resources.View_Sample_SingleControl_TextBox_EnterYourTextHere @Html.TextBoxFor(m => m.TextValue, new { @id = "txtTextBox" })
  23:           <div id="divDescription">
  24:           </div>
  25:           <input type="button" value="@Resources.View_LogOn_Submit" id="cmdOk" />
  26:        </fieldset>
  27:     </section>
  28:  }
  29:  @if (Model.InvolvedCode != null)
  30:  {
  31:      if (Model.InvolvedCode.Count > 0)
  32:      { 
  33:      <section>
  34:          <span class="involvedCode">@Resources.Views_All_InvolvedCode</span>
  35:          <div id="divInvolvedCode">
  36:              @Html.Partial("_InvolvedCode", Model.InvolvedCode)
  37:          </div>
  38:      </section>
  39:      }
  40:  }
   1:  @using INNOVACALL.Framework.Common
   2:  @using InnovaApp.Layers.ResourcesLayer.Properties
   3:  @{
   4:     InnovaApp.Layers.CommonLayer.Models._Models_Base layoutModel = (InnovaApp.Layers.CommonLayer.Models._Models_Base)Model;
   5:  }
   6:  <!DOCTYPE html>
   7:  <html lang="en">
   8:  <head>
   9:      <meta charset="utf-8" />
  10:      <meta name="viewport" content="width=device-width" />
  11:      @foreach (var item in layoutModel._Meta)
  12:      { 
  13:          <meta name="@item.Key.ToString()" content="@item.Value" />
  14:      }
  15:      <title>@layoutModel._PageTitle</title>
  16:      <link href="@Url.Content("~/CSSG/Site.css")" rel="stylesheet" type="text/css" />
  17:      <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
  18:      @Scripts.Render("~/bundles/modernizr")
  19:      @if (layoutModel._SpecificCSS != null)
  20:      {
  21:          foreach (var cssReference in layoutModel._SpecificCSS)
  22:          { 
  23:          <link href="@Url.Content("~/Content/" + cssReference)" rel="stylesheet" type="text/css" />
  24:          }
  25:      }
  26:      @if (layoutModel._ExternalCSS != null)
  27:      {
  28:          foreach (var cssReference in layoutModel._ExternalCSS)
  29:          { 
  30:          <link href="@cssReference" rel="stylesheet" type="text/css" />
  31:          }
  32:      }
  33:      @foreach (var jsReference in layoutModel._SpecificJS)
  34:      { 
  35:          <script src="@Url.Content("~/Scripts/" + jsReference)" type="text/javascript"></script>
  36:      }
  37:  </head>
  38:  <body>
  39:      <div class="content-wrapper full-height page shadow">
  40:          <header>
  41:              <div class="content-wrapper">
  42:                  <div class="float-left">
  43:                      <a href="/" title="Home">
  44:                          <img src="../../Images/LogoInnovacall.png" alt="Innovacall MVC Framework" class="LogoInnovacall" />
  45:                          <img src="../../Images/ASPNetOpenSourceFramework.png" alt="Innovacall ASP.net Open Source Framework"
  46:                              class="LogoInnovacallMVCFramework" />
  47:                      </a>
  48:                  </div>
  49:                  <div class="float-right">
  50:                      <section id="login">
  51:                          @Html.Partial("_LoginPartial")
  52:                      </section>
  53:                      <a href="http://www.microsoft.com/bizspark/" title="Microsoft Bizspark" target="_blank">
  54:                          <img src="../../Images/BizSpark_Alumini.png" alt="Innovacall ASP.net Open Source Framework"
  55:                              class="MicrosoftBizSparkAlumini" />
  56:                      </a>
  57:                  </div>
  58:              </div>
  59:          </header>
  60:          <div id="body" class="content-wrapper rounded">
  61:              @if (layoutModel._DisplayMenus)
  62:              { 
  63:                  <nav class="content-wrapper k-content">
  64:                      @Html.Partial("_MenuBar", layoutModel)
  65:                  </nav>
  66:              }
  67:              @RenderSection("featured", required: false)
  68:              <section class="content-wrapper main-content clear-fix">
  69:                  @RenderBody()
  70:              </section>
  71:          </div>
  72:          <footer>
  73:              <div class="content-wrapper">
  74:                  <table class="tblFooter">
  75:                      <tr>
  76:                          <td class="tdCopyright">
  77:                              &copy; @DateTime.Now.Year - Innovacall
  78:                          </td>
  79:                          <td class="tdCodeplex">
  80:                              source code : <a href="http://innovacallframework.codeplex.com" target="_blank">http://innovacallframework.codeplex.com</a>
  81:                          </td>
  82:                          <td class="tdContactUs">
  83:                              <a href="mailto:innovacallframework@innovacall.com">Contact us</a>
  84:                          </td>
  85:                      </tr>
  86:                  </table>
  87:              </div>
  88:          </footer>
  89:      </div>
  90:      <!--KendoUI Add-->
  91:      <style scoped>
  92:          #customValue
  93:          {
  94:              line-height: 16px;
  95:              width: 60px;
  96:              float: none;
  97:              margin: -3px 0 0 5px;
  98:          }
  99:      </style>
 100:      <!--/KendoUI Add-->
 101:      <div id="dialogMessage">
 102:      </div>
 103:  </body>
 104:  <script src="/Scripts/InnovacallJS/_Layout/_Layout.js" type="text/javascript"></script>
 105:  @if (layoutModel._SpecificJqueryJS != null)
 106:  {
 107:      foreach (var specificJqueryJSReference in layoutModel._SpecificJqueryJS)
 108:      {
 109:          string prefix = string.Empty;
 110:          if (!specificJqueryJSReference.StartsWith("http"))
 111:          {
 112:              prefix = "~/Scripts/";
 113:          }
 114:      <script src="@Url.Content(prefix + specificJqueryJSReference)" type="text/javascript"></script>
 115:      }
 116:  }
 117:  @if (layoutModel._DynamicJqueryJS != null)
 118:  {
 119:      foreach (var dynamicJqueryJS in layoutModel._DynamicJqueryJS)
 120:      { 
 121:      <script src="@Url.Content("~" + dynamicJqueryJS)" type="text/javascript"></script>
 122:      }
 123:  }
 124:  <script type="text/javascript">
 125:  @{
 126:      foreach (string variable in layoutModel._JSVariables)
 127:      {
 128:     @Html.Raw(variable);
 129:      }
 130:  }
 131:        $(document).ready(function () {
 132:        $.fn.DocReady();
 133:     });
 134:  </script>
 135:  </html>
   1:  using System.Web.Mvc;
   2:  using InnovaApp.Layers.DataLayer;
   3:  using InnovaApp.Layers.ResourcesLayer.Properties;
   4:  using InnovaApp.Portals.MVC4Portal.Models;
   5:  using INNOVACALL.Framework.Common;
   6:  using INNOVACALL.Framework.Common.CodeFormatting;
   7:  using INNOVACALL.Framework.Common.Models;
   8:  using INNOVACALL.Framework.Common.MVCHelpers;
   9:   
  10:  namespace InnovaApp.Portals.MVC4Portal.Controllers
  11:  {
  12:     public class Sample_SingleControl_TextBoxController : _Controllers_Base<TextBoxModel>
  13:     {
  14:   
  15:        protected override void Initialize(System.Web.Routing.RequestContext requestContext)
  16:        {
  17:           base.eMethodBase = "InnovaApp.Portals.InnovaAppFrontOfficePortal.Controllers.Sample_SingleControl_TextBoxController";
  18:           base.specificCssCollection = new string[] { "_FormCommon.css", "Views/Sample_SingleControl_TextBox.css", "ClientComponents/CodeFormatting/csharp.css", "ClientComponents/KendoUI/kendo.common.min.css", "ClientComponents/KendoUI/kendo.blueopal.min.css" };
  19:           base.specificJSCollection = null;
  20:           base.dynamicJSCollection = new string[] { "/ScriptsG/inoSample_SingleControl_TextBoxDynamic.js" };
  21:           base.specificJqueryJSCollection = new string[] { "ClientComponents/KendoUI/kendo.web.min.js", "InnovacallJS/Sample_SingleControl_TextBox/Sample_SingleControl_TextBox.js" };
  22:           base.externalCSS = null;
  23:           base.Meta.Add(enMeta.Description, Resources.View_Sample_SingleControl_TextBox_Meta_Description);
  24:           base.Meta.Add(enMeta.Keywords, Resources.View_Sample_SingleControl_TextBox_Meta_Keywords);
  25:           base.Meta.Add(enMeta.Subject, Resources.View_Sample_SingleControl_TextBox_Meta_Subject);
  26:   
  27:           base.Initialize(requestContext);
  28:        }
  29:   
  30:        [HttpGet, CacheManager(enCacheMode.NoCache)] //Manage your cache -- Authorize, Removed for search engine indexing
  31:        public ActionResult Index()
  32:        {
  33:           //NEVER USES VIEW BAG AGAIN !
  34:           //ViewBag.Message = "Modify this template to kick-start your ASP.NET MVC application.";
  35:           {
  36:              using (DataRepositories _dataContext = new DataRepositories())
  37:              {
  38:                      base.InitView(
  39:                          Resources.View_Sample_SingleControl_TextBox_PageTitle,
  40:                          Resources.View_Sample_SingleControl_TextBox_PageMessage,
  41:                          specificCssCollection,
  42:                          specificJSCollection,
  43:                          dynamicJSCollection,
  44:                          specificJqueryJSCollection,
  45:                          jsVariables,
  46:                          externalCSS,
  47:                          Meta,
  48:                          _dataContext,
  49:                          true
  50:                          );
  51:   
  52:                 ContentData.TextValue = string.Empty;
  53:   
  54:                 #region Involved code rendering
  55:                 INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel InvolvedSourceCode;
  56:                 INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel InvolvedSubSourceCode;
  57:                 ContentData.InvolvedCode = new InvolvedCodeModel();
  58:                 InvolvedSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel();
  59:   
  60:                 #region Views, partials & template editors
  61:                 InvolvedSourceCode.TabStripName = "Views, partials & template editors";
  62:                 InvolvedSourceCode.TabStripContent = string.Empty;
  63:                 InvolvedSourceCode.Language = enCodeLanguage._MultipleCodes;
  64:   
  65:                 InvolvedSubSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Html, TabStripName = "View", TabStripContent = "/Views/Sample_SingleControl_TextBox/Index.cshtml" };
  66:                 InvolvedSourceCode.SubCodes.Add(InvolvedSubSourceCode);
  67:   
  68:                 InvolvedSubSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Html, TabStripName = "Layout", TabStripContent = "/Views/Shared/_Layout.cshtml" };
  69:                 InvolvedSourceCode.SubCodes.Add(InvolvedSubSourceCode);
  70:   
  71:   
  72:                 ContentData.InvolvedCode.Add(InvolvedSourceCode);
  73:                 #endregion
  74:   
  75:                 ContentData.InvolvedCode.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.cSharp, TabStripName = "Controller", TabStripContent = "/Controllers/Sample_SingleControl_TextBoxController.cs" });
  76:   
  77:                 ContentData.InvolvedCode.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.cSharp, TabStripName = "Model", TabStripContent = "/Models/DropDownListModel.cs" });
  78:   
  79:                 #region Javascripts
  80:                 InvolvedSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel();
  81:                 InvolvedSourceCode.TabStripName = "Javascripts";
  82:                 InvolvedSourceCode.TabStripContent = string.Empty;
  83:                 InvolvedSourceCode.Language = enCodeLanguage._MultipleCodes;
  84:                 InvolvedSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Javascript, TabStripName = "View JS", TabStripContent = "/Scripts/InnovacallJS/Sample_SingleControl_TextBox/Sample_SingleControl_TextBox.js" });
  85:                 InvolvedSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Javascript, TabStripName = "Layout JS", TabStripContent = "/Scripts/InnovacallJS/_Layout/_Layout.js" });
  86:                 ContentData.InvolvedCode.Add(InvolvedSourceCode);
  87:                 #endregion
  88:   
  89:                 #region CSS
  90:                 InvolvedSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel();
  91:                 InvolvedSourceCode.TabStripName = "CSS";
  92:                 InvolvedSourceCode.TabStripContent = string.Empty;
  93:                 InvolvedSourceCode.Language = enCodeLanguage._MultipleCodes;
  94:                 InvolvedSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Css, TabStripName = "View CSS", TabStripContent = "/Content/Sample_SingleControl_TextBox.css" });
  95:                 InvolvedSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Css, TabStripName = "Form Common CSS", TabStripContent = "/Content/_FormCommon.css" });
  96:                 InvolvedSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Css, TabStripName = "Site (Layout) CSS", TabStripContent = "/Content/_Site.css" });
  97:                 ContentData.InvolvedCode.Add(InvolvedSourceCode);
  98:                 #endregion
  99:   
 100:                 #region Generated client files
 101:                 InvolvedSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel();
 102:                 InvolvedSourceCode.TabStripName = "Generated client files";
 103:                 InvolvedSourceCode.TabStripContent = string.Empty;
 104:                 InvolvedSourceCode.Language = enCodeLanguage._MultipleCodes;
 105:   
 106:                 InvolvedSubSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel();
 107:                 InvolvedSubSourceCode.TabStripName = "Javascript";
 108:                 InvolvedSubSourceCode.TabStripContent = string.Empty;
 109:                 InvolvedSubSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.cSharp, TabStripName = "Controller", TabStripContent = "/Controllers/ScriptsGController.cs" });
 110:                 InvolvedSubSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Html, TabStripName = "View", TabStripContent = "/Views/ScriptsG/inoSample_SingleControl_TextBoxDynamic.cshtm" });
 111:                 InvolvedSubSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.GeneratedJavascript, TabStripName = "Generated javascript", TabStripContent = "/ScriptsG/inoSample_SingleControl_TextBoxDynamic.js" });
 112:                 InvolvedSourceCode.SubCodes.Add(InvolvedSubSourceCode);
 113:   
 114:                 InvolvedSubSourceCode = new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel();
 115:                 InvolvedSubSourceCode.TabStripName = "CSS";
 116:                 InvolvedSubSourceCode.TabStripContent = string.Empty;
 117:                 InvolvedSubSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.cSharp, TabStripName = "Controller", TabStripContent = "/Controllers/CSSGController.cs" });
 118:                 InvolvedSubSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.Html, TabStripName = "View", TabStripContent = "/Views/CSSG/site.cshtml" });
 119:                 InvolvedSubSourceCode.SubCodes.Add(new INNOVACALL.Framework.Common.Models.MetaModels.CodeFile_MetaModel() { Language = enCodeLanguage.GeneratedCss, TabStripName = "Generated CSS (from _site.css)", TabStripContent = "/CSSG/Site.css" });
 120:                 InvolvedSourceCode.SubCodes.Add(InvolvedSubSourceCode);
 121:   
 122:                 ContentData.InvolvedCode.Add(InvolvedSourceCode);
 123:                 #endregion
 124:   
 125:                 RenderCodeFiles(ContentData.InvolvedCode);
 126:                 #endregion
 127:              }
 128:              return View(ContentData);
 129:           }
 130:        }
 131:   
 132:        /// <summary>
 133:        /// Error is catched automatically
 134:        /// </summary>
 135:        /// <param name="Id"></param>
 136:        /// <returns></returns>
 137:        [HttpPost, CacheManager(enCacheMode.NoCache)] //Manage your cache -- Authorize, Removed for search engine indexing
 138:        public JsonResult ReceiveTextBoxContent(string typedText)
 139:        {
 140:           JsonResult toReturn = new JsonResult { JsonRequestBehavior = JsonRequestBehavior.AllowGet };
 141:           string htmlResult;
 142:           //using (DataRepositories _dataContext = new DataRepositories())
 143:           //{
 144:           htmlResult = Server.HtmlEncode("You typed : " + typedText);
 145:           toReturn.Data = new { @success = true, @divToUpdate = "#divDescription", @htmlResult = htmlResult };
 146:           //}
 147:           return toReturn;
 148:        }
 149:     }
 150:  }
   1:  using System.Collections.Generic;
   2:  using System.Web.Mvc;
   3:  using INNOVACALL.Framework.Common.Models;
   4:   
   5:  namespace InnovaApp.Portals.MVC4Portal.Models
   6:  {
   7:     public class DropDownListModel : _Models_Base
   8:     {
   9:        public int MyChoice { get; set; }
  10:        public List<SelectListItem> MyList { get; set; }
  11:        public InvolvedCodeModel InvolvedCode { get; set; }
  12:     }
  13:  }
  • View JS
  • Layout JS
   1:  //INNOVACALL FRAMEWORK MUST BE IN ALL VIEW JAVASCRIPT
   2:  $.fn.DocReady = function () {
   3:     //Add call to execute when document is ready
   4:     $.fn.PrepareLayoutMenus();
   5:     $.fn.TabifyCodeFiles();
   6:     $("#cmdOk").button();
   7:     $("#cmdOk").live("click", $.fn.SendTextBoxContent)
   8:   
   9:  }
  10:   
  11:  $.fn.MainAjaxSuccess = function (a, b, c) {
  12:     if (a.ScriptToExecute != null) {
  13:        eval(a);
  14:     }
  15:  }
  16:  //ErrMsg_Sample_SingleControl_DropDownList_CannotUpdate come from server side via DynamicScript
  17:  $.fn.SendTextBoxContent = function () {
  18:     //Préparation des donnes
  19:     var selectedItemId = $(this).val();
  20:     var url = "/Sample_SingleControl_TextBox/ReceiveTextBoxContent";
  21:     data = { typedText: $("#txtTextBox").val() };
  22:     $.ajax(
  23:     {
  24:        type: "POST",
  25:        url: url,
  26:        data: data,
  27:        async: false,
  28:        success: function (r) {
  29:           if (r.success) {
  30:              $(r.divToUpdate).css("border", "1px solid green");
  31:           } else {
  32:              $(r.divToUpdate).css("border", "1px solid red");
  33:           }
  34:           $(r.divToUpdate).html(r.htmlResult);
  35:        },
  36:        error: function (xhr, ajaxOptions, thrownError) {
  37:           alert(ErrMsg_Sample_SingleControl_TextBox_CannotUpdate);
  38:        }
  39:     });
  40:  }
   1:  $.fn.kendoMenuOpenFixup = function (e) {
   2:      var evt = e;
   3:  }
   4:   
   5:  $.fn.PrepareLayoutMenus = function () {
   6:      $("#layoutMenu").kendoMenu({
   7:          open: $.fn.kendoMenuOpenFixup
   8:      });
   9:  }
  10:   
  11:  //------------------Ouvre la dialogBox----------------
  12:  $.fn.jqDialog = function (idDiv, titre, redirection) {
  13:      var dialogBox = $(idDiv);
  14:      $(dialogBox).hide();
  15:      $(dialogBox).dialog({
  16:          title: titre,
  17:          autoOpen: false,
  18:          resizable: false,
  19:          modal: true,
  20:          minHeight: 450,
  21:          minWidth: 800,
  22:          buttons: [
  23:           {
  24:               text: "Ok",
  25:               click: function () {
  26:                   if (redirection != null) {
  27:                       $.fn.NavigateTo(redirection);
  28:                   }
  29:                   $(this).dialog("close");
  30:               }
  31:           }
  32:        ],
  33:          open: function (event, ui) { }
  34:      });
  35:  };
  36:  //------------------Appel l'ouverture de la dialogBox----------------
  37:  $.fn.jqDialogConfirm = function (title, message, confirmButtonTitle, cancelButtonTitle, okFunction) {
  38:      var dialogBox = $('#dialogMessage');
  39:      dialogBox.text(message);
  40:      $(dialogBox).hide();
  41:      $(dialogBox).dialog({
  42:          title: title,
  43:          autoOpen: false,
  44:          resizable: false,
  45:          modal: true,
  46:          minHeight: 200,
  47:          minWidth: 350,
  48:          buttons: [
  49:           {
  50:               text: confirmButtonTitle,
  51:               click: okFunction
  52:           }
  53:              ,
  54:              {
  55:                  text: cancelButtonTitle,
  56:                  click: function () { $('#dialogMessage').dialog('close'); }
  57:              }
  58:        ]
  59:      });
  60:      $('#dialogMessage').dialog('open');
  61:  }
  62:  //------------------Appel l'ouverture de la dialogBox----------------
  63:  $.fn.jqDialogMessageOpen = function () {
  64:      $.fn.jqDialog('#dialogMessage', 'Alerte Erreur');
  65:      $('#dialogMessage').dialog('open');
  66:  }
  67:  //------------------Appel l'ouverture de la dialogBox----------------
  68:  $.fn.jqDialogAlert = function (title, message, redirection) {
  69:      $.fn.jqDialog('#dialogMessage', title, redirection);
  70:      $('.ui-dialog-content').text(message);
  71:      $('#dialogMessage').dialog('open');
  72:  }
  73:  //------------------Appel l'ouverture de la dialogBox pour une erreur----------------
  74:  $.fn.jqDialogErreur = function (divErreur, exception) {
  75:      $.fn.jqDialog("#dialogErreur", "Alerte Pop-Up");
  76:      $('.ui-dialog-title').fadeIn().text('Alerte Erreur');
  77:      $('.ui-dialog-content').fadeIn().text('Message d\'erreur : ' + exception);
  78:  };
  79:  //------------------Appel de la fonction jqDialogErreur en lui passant le nom du div----------------
  80:  $.fn.jqDialogErreurOpen = function (exception) {
  81:      var divErreur = '#GestionErreur';
  82:      $.fn.jqDialogErreur(divErreur, exception);
  83:      $(divErreur).dialog('open');
  84:  };
  85:  //------------------Serialise les objets d'une form----------------
  86:  $.fn.serializeObject = function () {
  87:      var obj = {};
  88:      $(":input[type='checkbox']").each(function (e) {
  89:          obj[this.name] = this.checked;
  90:      });
  91:      var o = {};
  92:      var a = this.serializeArray();
  93:      $.each(a, function () {
  94:          if (o[this.name] !== undefined) {
  95:              if (obj !== undefined) {
  96:                  if (obj[this.name] !== undefined) {
  97:                      o[this.name] = obj[this.name];
  98:                  }
  99:              }
 100:              else {
 101:                  if (!o[this.name].push) {
 102:                      o[this.name] = [o[this.name]];
 103:                  }
 104:                  o[this.name].push(this.value || '');
 105:              }
 106:          }
 107:          else {
 108:              o[this.name] = this.value || '';
 109:          }
 110:      });
 111:      return o;
 112:  };
 113:  //------------------Navigate to the url----------------
 114:  $.fn.NavigateTo = function (url) {
 115:      window.location.href = url;
 116:  }
 117:   
 118:  //------------------Localisation du Datepicker----------------
 119:  jQuery(function ($) {
 120:      if ($.datepicker != null) {
 121:          $.datepicker.regional['fr'] = { clearText: 'Effacer', clearStatus: '',
 122:              closeText: 'Fermer', closeStatus: 'Fermer sans modifier',
 123:              prevText: '<Préc', prevStatus: 'Voir le mois précédent',
 124:              nextText: 'Suiv>', nextStatus: 'Voir le mois suivant',
 125:              currentText: 'Courant', currentStatus: 'Voir le mois courant',
 126:              monthNames: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin',
 127:        'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
 128:              monthNamesShort: ['Jan', 'Fév', 'Mar', 'Avr', 'Mai', 'Jun',
 129:        'Jul', 'Aoû', 'Sep', 'Oct', 'Nov', 'Déc'],
 130:              monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année',
 131:              weekHeader: 'Sm', weekStatus: '',
 132:              dayNames: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
 133:              dayNamesShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'],
 134:              dayNamesMin: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
 135:              dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d',
 136:              dateFormat: 'dd/mm/yy', firstDay: 0,
 137:              initStatus: 'Choisir la date', isRTL: false
 138:          };
 139:          $.datepicker.setDefaults($.datepicker.regional['fr']);
 140:      }
 141:  });
 142:   
 143:  $.fn.TabifyCodeFiles = function () {
 144:      $(".divCodeFilesTabStrip").kendoTabStrip({ theme: "Blue Opal" });
 145:  }
 146:   
 147:  //$.fn.defaultHandler = function (jqXHR, textStatus, errorThrown) {
 148:  //    var data = JSON.parse(jqXHR.responseText);
 149:  //    if (data && data.Url) {
 150:  //        window.location = data.url;
 151:  //    }
 152:  //    else {
 153:  //        // TODO: redirect to a fixed error location, alert, etc
 154:  //    }
 155:  //};
 156:   
 157:  //$.ajaxSetup({
 158:  //    'type': 'POST',
 159:  //    'accepts': 'application/json',
 160:  //    'contentType': 'application/json',
 161:  //    'error': function (jqXHR, textStatus, errorThrown) {
 162:  //        if (this[jqXHR.status]) {
 163:  //            this[jqXHR.status](jqXHR, textStatus, errorThrown);
 164:  //        }
 165:  //        else {
 166:  //            // No handlers were found, handle the situation in a global manner here
 167:  //        }
 168:  //    },
 169:  //    '401': $.fn.defaultHandler,
 170:  //    '403': $.fn.defaultHandler,
 171:  //    '500': $.fn.defaultHandler
 172:  //});
 173:   
  • View CSS
  • Form Common CSS
  • Site (Layout) CSS
   1:  /*Put here css common to all forms*/
   2:  .disabled{
   3:     background-image:none !important;
   4:     background-color:#ccc !important;
   5:  }
   6:  .input-validation-error
   7:  {
   8:     background-image:none !important;
   9:     background-color: #ffe6e6 !important;
  10:  }
   1:  html
   2:  {
   3:     background-image: url(/Images/SiteBackground.png);
   4:     background-position: center;
   5:     margin: 0;
   6:     padding: 0;
   7:     height: 100%;
   8:     width: 100%;
   9:  }
  10:   
  11:  body, textarea
  12:  {
  13:     color: #333;
  14:     font-size: .85em;
  15:     font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
  16:     margin: 0;
  17:     padding: 0;
  18:     height: 100%;
  19:     width: 100%;
  20:  }
  21:   
  22:  a
  23:  {
  24:     color: #333;
  25:     outline: none;
  26:     padding-left: 3px;
  27:     padding-right: 3px;
  28:     border: none;
  29:  }
  30:   
  31:  img
  32:  {
  33:     display:block;
  34:     border: none;
  35:  }
  36:   
  37:   
  38:   
  39:  header, footer, hgroup, nav, section
  40:  {
  41:     display: block;
  42:     -moz-border-radius: 10px;
  43:     border-radius: 10px;
  44:  }
  45:   
  46:  section.main-content
  47:  {
  48:     border-top-left-radius: 0;
  49:     -moz-border-radius-topleft: 0;
  50:     border-top-right-radius: 0;
  51:     -moz-border-radius-topright: 0;
  52:     border-bottom-right-radius: 10;
  53:     -moz-border-radius-bottomright: 10;
  54:     border-bottom-left-radius: 10;
  55:     -moz-border-radius-bottomleft: 10;
  56:  }
  57:   
  58:  mark
  59:  {
  60:     background-color: #a6dbed;
  61:     padding-left: 5px;
  62:     padding-right: 5px;
  63:  }
  64:   
  65:  .float-left
  66:  {
  67:     float: left;
  68:  }
  69:   
  70:  .float-right
  71:  {
  72:     float: right;
  73:  }
  74:   
  75:  .clear-fix:after
  76:  {
  77:     content: ".";
  78:     clear: both;
  79:     display: block;
  80:     height: 0;
  81:     visibility: hidden;
  82:  }
  83:   
  84:  h1, h2, h3, h4, h5, h6
  85:  {
  86:     clear:both;
  87:     color: #000;
  88:     margin-bottom: 0;
  89:     padding-bottom: 0;
  90:  }
  91:   
  92:  h1
  93:  {
  94:     font-size: 2em;
  95:  }
  96:   
  97:  h2
  98:  {
  99:     font-size: 1.75em;
 100:  }
 101:   
 102:  h3
 103:  {
 104:     font-size: 1.2em;
 105:  }
 106:   
 107:  h4
 108:  {
 109:     font-size: 1.1em;
 110:  }
 111:   
 112:  h5, h6
 113:  {
 114:     font-size: 1em;
 115:  }
 116:   
 117:   
 118:  /* main layout
 119:  ----------------------------------------------------------*/
 120:  .content-wrapper
 121:  {
 122:     margin: 0 auto 0 auto;
 123:     max-width: 960px;
 124:  }
 125:   
 126:  #body
 127:  {
 128:     background-color: #efeeef;
 129:     clear: both;
 130:     padding-bottom: 35px;
 131:     min-height: 600px;
 132:     margin-bottom: 5px;
 133:     border-bottom-right-radius: 10px;
 134:     -moz-border-radius-bottomright: 10px;
 135:     border-bottom-left-radius: 10px;
 136:     -moz-border-radius-bottomleft: 10px;
 137:  }
 138:   
 139:  .main-content
 140:  {
 141:     background: url("../Images/accent.png") no-repeat;
 142:     padding-left: 10px;
 143:     padding-top: 30px;
 144:  }
 145:   
 146:  .featured + .main-content
 147:  {
 148:     background: url("../Images/heroAccent.png") no-repeat;
 149:  }
 150:   
 151:  footer
 152:  {
 153:     clear: both;
 154:     background-color: #e2e2e2;
 155:     font-size: .8em;
 156:     height: 100px;
 157:  }
 158:   
 159:   
 160:  /* site title
 161:  ----------------------------------------------------------*/
 162:  .site-title
 163:  {
 164:     color: #c8c8c8;
 165:     font-family: Rockwell, Consolas, "Courier New" , Courier, monospace;
 166:     font-size: 2.3em;
 167:     margin: 20px 0;
 168:  }
 169:  .LogoInnovacall {
 170:     display:block;
 171:     margin-top:-10px;
 172:     margin-left:10px;
 173:  }
 174:  .LogoInnovacallMVCFramework{
 175:     display:block;
 176:     margin-left:50px;
 177:  }
 178:   
 179:  .MicrosoftBizSparkAlumini{
 180:     display:block;
 181:     margin-top:-10px;
 182:  }
 183:  .site-title a, .site-title a:hover, .site-title a:active
 184:  {
 185:     background: none;
 186:     color: #c8c8c8;
 187:     outline: none;
 188:     text-decoration: none;
 189:  }
 190:   
 191:   
 192:  /* login
 193:  ----------------------------------------------------------*/
 194:  #login
 195:  {
 196:     display: block;
 197:     font-size: .85em;
 198:     margin: 20px 0 12px;
 199:     text-align: right;
 200:  }
 201:   
 202:  #login a
 203:  {
 204:     -moz-border-radius: 4px;
 205:     border-radius: 4px;
 206:     background-color: #d3dce0;
 207:     margin-left: 10px;
 208:     margin-right: 3px;
 209:     padding: 2px 3px;
 210:     text-decoration: none;
 211:  }
 212:   
 213:  #login a.username
 214:  {
 215:     background: none;
 216:     margin-left: 0px;
 217:     text-decoration: underline;
 218:  }
 219:   
 220:  #login ul
 221:  {
 222:     margin: 0;
 223:  }
 224:   
 225:  #login li
 226:  {
 227:     display: inline;
 228:     list-style: none;
 229:  }
 230:   
 231:   
 232:  /* menu Original MVC4 Menu
 233:  
 234:  ul#menu
 235:  {
 236:     font-size: 1.3em;
 237:     font-weight: 600;
 238:     margin: 0;
 239:     text-align: right;
 240:  }
 241:  
 242:  ul#menu li
 243:  {
 244:     display: inline;
 245:     list-style: none;
 246:     padding-left: 15px;
 247:  }
 248:  
 249:  ul#menu li a
 250:  {
 251:     background: none;
 252:     color: #999;
 253:     text-decoration: none;
 254:  }
 255:  
 256:  ul#menu li a:hover
 257:  {
 258:     color: #333;
 259:     text-decoration: none;
 260:  }
 261:  */
 262:   
 263:  /* page elements
 264:  ----------------------------------------------------------*/
 265:  /* featured */
 266:  .featured
 267:  {
 268:     background-color: #fff;
 269:  }
 270:   
 271:  .featured .content-wrapper
 272:  {
 273:     background-color: #7ac0da;
 274:     background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 275:     background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 276:     background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
 277:     background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 278:     background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 279:     color: #3e5667;
 280:     padding: 20px 40px 30px 40px;
 281:  }
 282:   
 283:  .featured hgroup.title h1, .featured hgroup.title h2
 284:  {
 285:     color: #fff;
 286:  }
 287:   
 288:  .featured p
 289:  {
 290:     font-size: 1.1em;
 291:  }
 292:   
 293:  /* page titles */
 294:  hgroup.title
 295:  {
 296:     margin-bottom: 10px;
 297:  }
 298:   
 299:  hgroup.title h1, hgroup.title h2
 300:  {
 301:     /*display: inline;*/
 302:  }
 303:   
 304:  hgroup.title h2
 305:  {
 306:     font-weight: normal;
 307:     margin-left: 3px;
 308:  }
 309:   
 310:  /* features */
 311:  section.feature
 312:  {
 313:     width: 300px;
 314:     float: left;
 315:     padding: 10px;
 316:  }
 317:   
 318:  /* ordered list */
 319:  ol.round
 320:  {
 321:     list-style-type: none;
 322:     padding-left: 0;
 323:  }
 324:   
 325:  ol.round li
 326:  {
 327:     margin: 25px 0;
 328:     padding-left: 45px;
 329:  }
 330:   
 331:  ol.round li.zero
 332:  {
 333:     background: url("../Images/orderedList0.png") no-repeat;
 334:  }
 335:   
 336:  ol.round li.one
 337:  {
 338:     background: url("../Images/orderedList1.png") no-repeat;
 339:  }
 340:   
 341:  ol.round li.two
 342:  {
 343:     background: url("../Images/orderedList2.png") no-repeat;
 344:  }
 345:   
 346:  ol.round li.three
 347:  {
 348:     background: url("../Images/orderedList3.png") no-repeat;
 349:  }
 350:   
 351:  ol.round li.four
 352:  {
 353:     background: url("../Images/orderedList4.png") no-repeat;
 354:  }
 355:   
 356:  ol.round li.five
 357:  {
 358:     background: url("../Images/orderedList5.png") no-repeat;
 359:  }
 360:   
 361:  ol.round li.six
 362:  {
 363:     background: url("../Images/orderedList6.png") no-repeat;
 364:  }
 365:   
 366:  ol.round li.seven
 367:  {
 368:     background: url("../Images/orderedList7.png") no-repeat;
 369:  }
 370:   
 371:  ol.round li.eight
 372:  {
 373:     background: url("../Images/orderedList8.png") no-repeat;
 374:  }
 375:   
 376:  ol.round li.nine
 377:  {
 378:     background: url("../Images/orderedList9.png") no-repeat;
 379:  }
 380:   
 381:  /* content */
 382:  article
 383:  {
 384:     float: left;
 385:     width: 70%;
 386:  }
 387:   
 388:  aside
 389:  {
 390:     float: right;
 391:     width: 25%;
 392:  }
 393:   
 394:  aside ul
 395:  {
 396:     list-style: none;
 397:     padding: 0;
 398:  }
 399:   
 400:  aside ul li
 401:  {
 402:     background: url("../Images/bullet.png") no-repeat 0 50%;
 403:     padding: 2px 0 2px 20px;
 404:  }
 405:   
 406:  .label
 407:  {
 408:     font-weight: 700;
 409:  }
 410:   
 411:  /* login page */
 412:  #loginForm
 413:  {
 414:     border-right: solid 2px #c8c8c8;
 415:     float: left;
 416:     width: 45%;
 417:  }
 418:   
 419:  #loginForm .validation-error
 420:  {
 421:     display: block;
 422:     margin-left: 15px;
 423:  }
 424:   
 425:  #socialLoginForm
 426:  {
 427:     margin-left: 40px;
 428:     float: left;
 429:     width: 50%;
 430:  }
 431:   
 432:  /* contact */
 433:  .contact h3
 434:  {
 435:     font-size: 1.2em;
 436:  }
 437:   
 438:  .contact p
 439:  {
 440:     margin: 5px 0 0 10px;
 441:  }
 442:   
 443:  .contact iframe
 444:  {
 445:     border: 1px solid #333;
 446:     margin: 5px 0 0 10px;
 447:  }
 448:   
 449:  /* forms */
 450:  fieldset
 451:  {
 452:     border: none;
 453:     margin: 0;
 454:     padding: 0;
 455:  }
 456:   
 457:  fieldset legend
 458:  {
 459:     display: none;
 460:  }
 461:  fieldset ol
 462:  {
 463:     padding: 0;
 464:     list-style: none;
 465:  }
 466:   
 467:  fieldset ol li
 468:  {
 469:     padding-bottom: 5px;
 470:  }
 471:   
 472:  fieldset label
 473:  {
 474:     display: block;
 475:     font-size: 0.75em;
 476:     font-weight: 600;
 477:  }
 478:   
 479:  fieldset label.checkbox
 480:  {
 481:     display: inline;
 482:  }
 483:   
 484:  fieldset input[type="text"], fieldset input[type="password"]
 485:  {
 486:     border: 1px solid #e2e2e2;
 487:     color: #333;
 488:     font-size: 1.2em;
 489:     margin: 5px 0 6px 0;
 490:     padding: 5px;
 491:     width: 300px;
 492:  }
 493:   
 494:  fieldset input[type="text"]:focus, fieldset input[type="password"]:focus
 495:  {
 496:     border: 1px solid #7ac0da;
 497:  }
 498:   
 499:  fieldset input[type="submit"] ,input[type="reset"] , textarea
 500:  {
 501:     background-color: #d3dce0;
 502:     border: 1px solid #787878;
 503:     cursor: pointer;
 504:     font-size: 1.2em;
 505:     font-weight: 600;
 506:     padding: 7px;
 507:  }
 508:   
 509:  .modal-popup
 510:  {
 511:  }
 512:   
 513:  .modal-popup input[type="text"], .modal-popup input[type="password"]
 514:  {
 515:     width: 90%;
 516:  }
 517:   
 518:  /* info and errors */
 519:  .message-info
 520:  {
 521:     border: 1px solid;
 522:     clear: both;
 523:     padding: 10px 20px;
 524:  }
 525:   
 526:  .message-error
 527:  {
 528:     clear: both;
 529:     color: #e80c4d;
 530:     font-size: 1.1em;
 531:     font-weight: bold;
 532:     margin: 20px 0 10px 0;
 533:  }
 534:   
 535:  .message-success
 536:  {
 537:     color: #7ac0da;
 538:     font-size: 1.3em;
 539:     font-weight: bold;
 540:     margin: 20px 0 10px 0;
 541:  }
 542:   
 543:  .error
 544:  {
 545:     color: #e80c4d;
 546:  }
 547:   
 548:  /* styles for validation helpers */
 549:  .field-validation-error
 550:  {
 551:     color: #e80c4d;
 552:     font-weight: bold;
 553:  }
 554:   
 555:  .field-validation-valid
 556:  {
 557:     display: none;
 558:  }
 559:   
 560:  input[type="text"].input-validation-error, input[type="password"].input-validation-error
 561:  {
 562:     border: 1px solid #e80c4d;
 563:  }
 564:   
 565:  .validation-summary-errors
 566:  {
 567:     color: #e80c4d;
 568:     font-weight: bold;
 569:     font-size: 1.1em;
 570:  }
 571:   
 572:  .validation-summary-valid
 573:  {
 574:     display: none;
 575:  }
 576:   
 577:  ul#social li
 578:  {
 579:     display: inline;
 580:     list-style: none;
 581:  }
 582:   
 583:  ul#social li a
 584:  {
 585:     color: #999;
 586:     text-decoration: none;
 587:  }
 588:   
 589:  a.facebook, a.twitter
 590:  {
 591:     display: block;
 592:     float: left;
 593:     height: 24px;
 594:     padding-left: 17px;
 595:     text-indent: -9999px;
 596:     width: 16px;
 597:  }
 598:   
 599:  a.facebook
 600:  {
 601:     background: url("../Images/facebook.png") no-repeat;
 602:  }
 603:   
 604:  a.twitter
 605:  {
 606:     background: url("../Images/twitter.png") no-repeat;
 607:  }
 608:   
 609:  /* tables
 610:  ----------------------------------------------------------*/
 611:  table
 612:  {
 613:     border-collapse: collapse;
 614:     border-spacing: 0;
 615:     margin-top: 0.75em;
 616:     border: 0 none;
 617:  }
 618:   
 619:  th
 620:  {
 621:     font-size: 1.2em;
 622:     text-align: left;
 623:     border: none 0px;
 624:     padding-left: 0;
 625:  }
 626:   
 627:  th a
 628:  {
 629:     display: block;
 630:     position: relative;
 631:  }
 632:   
 633:  th a:link, th a:visited, th a:active, th a:hover
 634:  {
 635:     color: #333;
 636:     font-weight: 600;
 637:     text-decoration: none;
 638:     padding: 0;
 639:  }
 640:   
 641:  th a:hover
 642:  {
 643:     color: #000;
 644:  }
 645:   
 646:  th.asc a, th.desc a
 647:  {
 648:     margin-right: .75em;
 649:  }
 650:   
 651:  th.asc a:after, th.desc a:after
 652:  {
 653:     display: block;
 654:     position: absolute;
 655:     right: 0em;
 656:     top: 0;
 657:     font-size: 0.75em;
 658:  }
 659:   
 660:  th.asc a:after
 661:  {
 662:     content: 'â–²';
 663:  }
 664:   
 665:  th.desc a:after
 666:  {
 667:     content: 'â–¼';
 668:  }
 669:   
 670:  tr.pager td
 671:  {
 672:     padding: 0 0.25em 0 0;
 673:  }
 674:   
 675:   
 676:  /********************
 677:  *   Mobile Styles   *
 678:  ********************/
 679:  @media only screen and (max-width: 850px)
 680:  {
 681:   
 682:     /* header
 683:                  ----------------------------------------------------------*/
 684:     header .float-left, header .float-right
 685:     {
 686:        float: none;
 687:     }
 688:   
 689:     /* logo */
 690:     header .site-title
 691:     {
 692:        margin: 10px;
 693:        text-align: center;
 694:     }
 695:   
 696:     /* login */
 697:     #login
 698:     {
 699:        font-size: .85em;
 700:        margin: 0 0 12px;
 701:        text-align: center;
 702:     }
 703:   
 704:     #login ul
 705:     {
 706:        margin: 5px 0;
 707:        padding: 0;
 708:     }
 709:   
 710:     #login li
 711:     {
 712:        display: inline;
 713:        list-style: none;
 714:        margin: 0;
 715:        padding: 0;
 716:     }
 717:   
 718:     #login a
 719:     {
 720:        background: none;
 721:        color: #999;
 722:        font-weight: 600;
 723:        margin: 2px;
 724:        padding: 0;
 725:     }
 726:   
 727:     #login a:hover
 728:     {
 729:        color: #333;
 730:     }
 731:   
 732:     nav
 733:     {
 734:        margin-bottom: 5px;
 735:     }
 736:     /* menu 
 737:  
 738:              ul#menu
 739:              {
 740:                 margin: 0;
 741:                 padding: 0;
 742:                 text-align: center;
 743:              }
 744:  
 745:              ul#menu li
 746:              {
 747:                 margin: 0;
 748:                 padding: 0;
 749:              }
 750:  
 751:           */
 752:     /* main layout
 753:                  ----------------------------------------------------------*/
 754:     .main-content, .featured + .main-content
 755:     {
 756:        background-position: 10px 0;
 757:     }
 758:   
 759:     .content-wrapper
 760:     {
 761:        padding-right: 10px;
 762:        padding-left: 10px;
 763:     }
 764:   
 765:     .featured .content-wrapper
 766:     {
 767:        padding: 10px;
 768:     }
 769:   
 770:     /* page content */
 771:     article, aside
 772:     {
 773:        float: none;
 774:        width: 100%;
 775:     }
 776:   
 777:     /* ordered list */
 778:     ol.round
 779:     {
 780:        list-style-type: none;
 781:        padding-left: 0;
 782:     }
 783:   
 784:     ol.round li
 785:     {
 786:        padding-left: 10px;
 787:        margin: 25px 0;
 788:     }
 789:   
 790:     ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine
 791:     {
 792:        background: none;
 793:     }
 794:   
 795:     /* features */
 796:     section.feature
 797:     {
 798:        float: none;
 799:        padding: 10px;
 800:        width: auto;
 801:     }
 802:   
 803:     section.feature img
 804:     {
 805:        color: #999;
 806:        content: attr(alt);
 807:        font-size: 1.5em;
 808:        font-weight: 600;
 809:        border: none;
 810:     }
 811:   
 812:     /* forms */
 813:     fieldset input[type="text"], fieldset input[type="password"]
 814:     {
 815:        width: 90%;
 816:     }
 817:   
 818:     /* login page */
 819:     #loginForm
 820:     {
 821:        border-right: none;
 822:        float: none;
 823:        width: auto;
 824:     }
 825:   
 826:     #loginForm .validation-error
 827:     {
 828:        display: block;
 829:        margin-left: 15px;
 830:     }
 831:   
 832:     #socialLoginForm
 833:     {
 834:        margin-left: 0;
 835:        float: none;
 836:        width: auto;
 837:     }
 838:   
 839:     /* footer
 840:                  ----------------------------------------------------------*/
 841:     footer .float-left, footer .float-right
 842:     {
 843:        float: none;
 844:     }
 845:   
 846:     footer
 847:     {
 848:        text-align: center;
 849:        height: auto;
 850:        padding: 10px 0;
 851:     }
 852:   
 853:     footer p
 854:     {
 855:        margin: 0;
 856:     }
 857:   
 858:     ul#social
 859:     {
 860:        padding: 0;
 861:        margin: 0;
 862:     }
 863:   
 864:     a.facebook, a.twitter
 865:     {
 866:        background: none;
 867:        display: inline;
 868:        float: none;
 869:        padding-left: 0;
 870:        text-indent: 0;
 871:     }
 872:  }
 873:   
 874:  .full-height
 875:  {
 876:     height: auto;
 877:  }
 878:   
 879:  .page
 880:  {
 881:     background-color: #fff;
 882:     padding: 5px;
 883:     margin-top: 15px;
 884:     margin-bottom: 15px;
 885:     margin-left: auto;
 886:     margin-right: auto;
 887:     -moz-border-radius: 15px;
 888:     border-radius: 15px;
 889:  }
 890:   
 891:  .transparency0
 892:  {
 893:     /* IE 8 */
 894:     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
 895:     filter: alpha(opacity=100); /* Netscape */
 896:     -moz-opacity: 1; /* Safari 1.x */
 897:     -khtml-opacity: 1; /* Good browsers */
 898:     opacity: 1;
 899:  }
 900:   
 901:  .transparency50
 902:  {
 903:     /* IE 8 */
 904:     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
 905:     filter: alpha(opacity=50); /* Netscape */
 906:     -moz-opacity: 0.5; /* Safari 1.x */
 907:     -khtml-opacity: 0.5; /* Good browsers */
 908:     opacity: 0.5;
 909:  }
 910:   
 911:  .floatingDownLeft
 912:  {
 913:     float: left;
 914:     position: absolute;
 915:     bottom: 5px;
 916:     left: 5px;
 917:  }
 918:   
 919:  .floatingDownRight
 920:  {
 921:     float: left;
 922:     position: absolute;
 923:     bottom: 5px;
 924:     right: 5px;
 925:  }
 926:   
 927:  .rounded15
 928:  {
 929:     border-radius: 15px;
 930:     -moz-border-radius: 15px;
 931:  }
 932:  .rounded10
 933:  {
 934:     border-radius: 10px;
 935:     -moz-border-radius: 10px;
 936:  }
 937:  .rounded5
 938:  {
 939:     border-radius: 5px;
 940:     -moz-border-radius: 5px;
 941:  }
 942:  .rounded4
 943:  {
 944:     border-radius: 4px;
 945:     -moz-border-radius: 4px;
 946:  }
 947:  .shadow
 948:  {
 949:     -moz-box-shadow: 3px 3px 4px #999;
 950:     -webkit-box-shadow: 3px 3px 4px #999;
 951:     box-shadow: 3px 3px 4px #999; /* For IE 8 */
 952:     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */
 953:     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
 954:  }
 955:  .tblFooter
 956:  {
 957:     width: 100%;
 958:     height: 96px;
 959:     margin-bottom:5px;
 960:  }
 961:  .tblFooter td {
 962:     vertical-align:bottom;
 963:  }
 964:  .tblFooter .tdCopyright, .tblFooter .tdContactUs
 965:  {
 966:     width: 150px;
 967:  }
 968:  .tblFooter .tdCopyright
 969:  {
 970:     text-align: left;
 971:     padding-left:5px;
 972:  }
 973:  .tblFooter .tdCodeplex
 974:  {
 975:     text-align: center;
 976:  }
 977:  .tblFooter .tdContactUs
 978:  {
 979:     text-align: right;
 980:     padding-right:5px;
 981:  }
 982:  .divCodeFile
 983:  {
 984:     width: 912px;
 985:     min-height: 300px;
 986:     overflow:scroll;
 987:  }
 988:  .yellowText{
 989:     color:Yellow;
 990:  }
 991:  #divInvolvedCode{
 992:     margin-top:15px;
 993:     margin-right:10px;
 994:  }
 995:  .divCodeFile{
 996:     width:96%
 997:  }
 998:  .centerMargin25{
 999:     margin-left:25%;
1000:     margin-right:25%;
1001:  }
1002:  .padding15{
1003:     padding:15px;
1004:  }
1005:  .centred{
1006:     display:block;
1007:     margin-left:auto;
1008:     margin-right:auto;
1009:  }
1010:  .submitButton{
1011:     min-width:85px;
1012:  }
1013:   
1014:  .redText{
1015:     color:#f00;
1016:  }
1017:  .involvedCode{
1018:     font-size:1.4em;
1019:     font-style:italic;
1020:     font-weight:bold;
1021:  }
1022:  .notDisplayed{
1023:     display:none;
1024:  }
1025:   
1026:  /*JQueryUI CSS Fixes*/
1027:   
1028:  #dialogMessage
1029:  {
1030:      overflow-y:auto !important;    
1031:      overflow-x:hidden !important;    
1032:  }
  • Javascript
  • CSS
  • Controller
  • View
  • Generated javascript
   1:  using System.Web.Mvc;
   2:  using InnovaApp.Layers.ResourcesLayer.Properties;
   3:  using InnovaApp.Portals.MVC4Portal.Models.ScriptsGModels;
   4:   
   5:  namespace InnovaApp.Portals.MVC4Portal.Controllers
   6:  {
   7:     public class ScriptsGController: Controller
   8:      {
   9:        /// <summary>
  10:        /// GET: /ScriptsG/inoHomeDynamic.js
  11:        /// </summary>
  12:        /// <returns></returns>
  13:        public ActionResult inoHomeDynamic()
  14:        {
  15:           inoScriptGModel toReturn = new inoScriptGModel();
  16:           toReturn.Variables.Add("ControllerName", "Home");
  17:           Response.ContentType = "text/javascript";
  18:           return View(toReturn);
  19:        }
  20:        /// <summary>
  21:        /// GET: /ScriptsG/inoLogOnDynamic.js
  22:        /// </summary>
  23:        /// <returns></returns>
  24:        public ActionResult inoLogOnDynamic()
  25:        {
  26:           inoScriptGModel toReturn = new inoScriptGModel();
  27:           toReturn.Variables.Add("ControllerName", "LogOn");
  28:           Response.ContentType = "text/javascript";
  29:           return View(toReturn);
  30:        }
  31:          /// <summary>
  32:          /// GET: /ScriptsG/inoSample_SingleControl_DropDownListDynamic.js
  33:          /// </summary>
  34:          /// <returns></returns>
  35:        public ActionResult inoSample_SingleControl_DropDownListDynamic()
  36:        {
  37:           inoScriptGModel toReturn = new inoScriptGModel();
  38:           toReturn.Variables.Add("ControllerName", "Sample_SingleControl_DropDownList");
  39:           toReturn.Variables.Add("ErrMsg_Sample_SingleControl_DropDownList_CannotUpdate", Resources.ErrMsg_Sample_SingleControl_DropDownList_CannotUpdate);
  40:           Response.ContentType = "text/javascript";
  41:           return View(toReturn);
  42:        }
  43:          /// <summary>
  44:          /// GET: /ScriptsG/inoSample_SingleControl_TextBoxDynamic.js
  45:          /// </summary>
  46:          /// <returns></returns>
  47:        public ActionResult inoSample_SingleControl_TextBoxDynamic()
  48:        {
  49:           inoScriptGModel toReturn = new inoScriptGModel();
  50:           toReturn.Variables.Add("ControllerName", "Sample_SingleControl_TextBox");
  51:           toReturn.Variables.Add("ErrMsg_Sample_SingleControl_TextBox_CannotUpdate", Resources.ErrMsg_Sample_SingleControl_TextBox_CannotUpdate);
  52:           Response.ContentType = "text/javascript";
  53:           return View(toReturn);
  54:        }
  55:          /// <summary>
  56:          /// GET: /ScriptsG/inoAdvancedSamples_OrderWithDetailsDynamic.js
  57:          /// </summary>
  58:          /// <returns></returns>
  59:        public ActionResult inoAdvancedSamples_OrderWithDetailsDynamic()
  60:        {
  61:           inoScriptGModel toReturn = new inoScriptGModel();
  62:           toReturn.Variables.Add("ControllerName", "AdvancedSamples_OrderWithDetails");
  63:           Response.ContentType = "text/javascript";
  64:           return View(toReturn);
  65:        }
  66:          /// <summary>
  67:          /// GET: /ScriptsG/inoSample_BasicForm_MyProfileDynamic.js
  68:          /// </summary>
  69:          /// <returns></returns>
  70:        public ActionResult inoSample_BasicForm_MyProfileDynamic()
  71:        {
  72:           inoScriptGModel toReturn = new inoScriptGModel();
  73:           toReturn.Variables.Add("ControllerName", "Sample_BasicForm_MyProfile");
  74:           Response.ContentType = "text/javascript";
  75:           return View(toReturn);
  76:        }
  77:          /// <summary>
  78:          /// GET: /ScriptsG/inoDiagramsDynamic.js
  79:          /// </summary>
  80:          /// <returns></returns>
  81:        public ActionResult inoDiagramsDynamic()
  82:        {
  83:           inoScriptGModel toReturn = new inoScriptGModel();
  84:           toReturn.Variables.Add("ControllerName", "Diagrams");
  85:           Response.ContentType = "text/javascript";
  86:           return View(toReturn);
  87:        }
  88:          /// <summary>
  89:          /// GET: /ScriptsG/inoChangePasswordDynamic.js
  90:          /// </summary>
  91:          /// <returns></returns>
  92:        public ActionResult inoChangePasswordDynamic()
  93:        {
  94:           inoScriptGModel toReturn = new inoScriptGModel();
  95:           toReturn.Variables.Add("ControllerName", "Diagrams");
  96:           Response.ContentType = "text/javascript";
  97:           return View(toReturn);
  98:        }
  99:          /// <summary>²
 100:          /// GET: /ScriptsG/inoAdvancedSamples_AddressesManagementDynamic.js
 101:          /// </summary>
 102:          /// <returns></returns>
 103:          public ActionResult inoAdvancedSamples_AddressesManagementDynamic()
 104:        {
 105:           inoScriptGModel toReturn = new inoScriptGModel();
 106:           toReturn.Variables.Add("ControllerName", "Diagrams");
 107:           Response.ContentType = "text/javascript";
 108:              toReturn.Variables.Add("ErrMsgAddressRetrieval_Title", Resources.View_AdvancedSamples_AddressesManagement_ErrMsgTitleErrorWhileRetrievingAddress);
 109:              toReturn.Variables.Add("ErrMsgAtLeastOneAddressTypeMustBeSelected_Title", Resources.View_AdvancedSamples_AddressesManagement_ErrMsgAtLeastOneAddressTypeMustBeSelected_Title);
 110:              toReturn.Variables.Add("ErrMsgAtLeastOneAddressTypeMustBeSelected_Message", Resources.View_AdvancedSamples_AddressesManagement_ErrMsgAtLeastOneAddressTypeMustBeSelected_Message);
 111:              toReturn.Variables.Add("DeleteDialogConfirmTitle",Resources.View_AdvancedSamples_AddressesManagement_DeleteDialogConfirmTitle);
 112:              toReturn.Variables.Add("DeleteDialogConfirmMessage",Resources.View_AdvancedSamples_AddressesManagement_DeleteDialogConfirmMessage);
 113:              toReturn.Variables.Add("DeleteDialogConfirmConfirmButtonTitle",Resources.View_AdvancedSamples_AddressesManagement_DeleteDialogConfirmConfirmButtonTitle);
 114:              toReturn.Variables.Add("DeleteDialogCancelConfirmButtonTitle", Resources.View_AdvancedSamples_AddressesManagement_DeleteDialogCancelConfirmButtonTitle);
 115:              return View(toReturn);
 116:        }
 117:     }
 118:  }
   1:   
   2:  var ScriptsGData_MainAjaxErrorTitle = 'An error has occurred ...';
   3:  var ScriptsGData_MsgConfirmDelete = 'Are you sure to want to delete this item?';
   4:  var ControllerName = 'Sample_SingleControl_TextBox';
   5:  var ErrMsg_Sample_SingleControl_TextBox_CannotUpdate = 'Text box cannot be update';
  • Controller
  • View
  • Generated CSS (from _site.css)
   1:  using System.Web.Mvc;
   2:  using InnovaApp.Layers.CommonLayer.Models;
   3:  using INNOVACALL.Framework.Common.Extensions;
   4:   
   5:  namespace InnovaApp.Portals.MVC4Portal.Controllers
   6:  {
   7:      public class CSSGController : Controller
   8:      {
   9:        public ActionResult Site()
  10:        {
  11:           CSSGModel toReturn = new CSSGModel();
  12:           //Static cssFile
  13:           string staticCssFileName = Server.MapPath("/Content/_Site.css");
  14:           string staticCssFileContent = staticCssFileName.ReadContentFile();
  15:           staticCssFileContent = "/*Innovacall Static CSS elements*/\n" + staticCssFileContent;
  16:           staticCssFileContent = staticCssFileContent + "\n/*Innovacall Dynamic CSS elements*/\n";
  17:           toReturn.StaticCss = staticCssFileContent;
  18:           //toReturn.CssBloc Add CssBlocs here for example to set with and height
  19:           Response.ContentType = "text/css";
  20:           return View(toReturn);
  21:        }
  22:     }
  23:  }
   1:  @model InnovaApp.Layers.CommonLayer.Models.CSSGModel
   2:  @{
   3:      Layout = null;
   4:  }
   5:  @Html.Raw(Model.StaticCss)
   1:   
   2:  /*Innovacall Static CSS elements*/
   3:  html
   4:  {
   5:     background-image: url(/Images/SiteBackground.png);
   6:     background-position: center;
   7:     margin: 0;
   8:     padding: 0;
   9:     height: 100%;
  10:     width: 100%;
  11:  }
  12:   
  13:  body, textarea
  14:  {
  15:     color: #333;
  16:     font-size: .85em;
  17:     font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
  18:     margin: 0;
  19:     padding: 0;
  20:     height: 100%;
  21:     width: 100%;
  22:  }
  23:   
  24:  a
  25:  {
  26:     color: #333;
  27:     outline: none;
  28:     padding-left: 3px;
  29:     padding-right: 3px;
  30:     border: none;
  31:  }
  32:   
  33:  img
  34:  {
  35:     display:block;
  36:     border: none;
  37:  }
  38:   
  39:   
  40:   
  41:  header, footer, hgroup, nav, section
  42:  {
  43:     display: block;
  44:     -moz-border-radius: 10px;
  45:     border-radius: 10px;
  46:  }
  47:   
  48:  section.main-content
  49:  {
  50:     border-top-left-radius: 0;
  51:     -moz-border-radius-topleft: 0;
  52:     border-top-right-radius: 0;
  53:     -moz-border-radius-topright: 0;
  54:     border-bottom-right-radius: 10;
  55:     -moz-border-radius-bottomright: 10;
  56:     border-bottom-left-radius: 10;
  57:     -moz-border-radius-bottomleft: 10;
  58:  }
  59:   
  60:  mark
  61:  {
  62:     background-color: #a6dbed;
  63:     padding-left: 5px;
  64:     padding-right: 5px;
  65:  }
  66:   
  67:  .float-left
  68:  {
  69:     float: left;
  70:  }
  71:   
  72:  .float-right
  73:  {
  74:     float: right;
  75:  }
  76:   
  77:  .clear-fix:after
  78:  {
  79:     content: ".";
  80:     clear: both;
  81:     display: block;
  82:     height: 0;
  83:     visibility: hidden;
  84:  }
  85:   
  86:  h1, h2, h3, h4, h5, h6
  87:  {
  88:     clear:both;
  89:     color: #000;
  90:     margin-bottom: 0;
  91:     padding-bottom: 0;
  92:  }
  93:   
  94:  h1
  95:  {
  96:     font-size: 2em;
  97:  }
  98:   
  99:  h2
 100:  {
 101:     font-size: 1.75em;
 102:  }
 103:   
 104:  h3
 105:  {
 106:     font-size: 1.2em;
 107:  }
 108:   
 109:  h4
 110:  {
 111:     font-size: 1.1em;
 112:  }
 113:   
 114:  h5, h6
 115:  {
 116:     font-size: 1em;
 117:  }
 118:   
 119:   
 120:  /* main layout
 121:  ----------------------------------------------------------*/
 122:  .content-wrapper
 123:  {
 124:     margin: 0 auto 0 auto;
 125:     max-width: 960px;
 126:  }
 127:   
 128:  #body
 129:  {
 130:     background-color: #efeeef;
 131:     clear: both;
 132:     padding-bottom: 35px;
 133:     min-height: 600px;
 134:     margin-bottom: 5px;
 135:     border-bottom-right-radius: 10px;
 136:     -moz-border-radius-bottomright: 10px;
 137:     border-bottom-left-radius: 10px;
 138:     -moz-border-radius-bottomleft: 10px;
 139:  }
 140:   
 141:  .main-content
 142:  {
 143:     background: url("../Images/accent.png") no-repeat;
 144:     padding-left: 10px;
 145:     padding-top: 30px;
 146:  }
 147:   
 148:  .featured + .main-content
 149:  {
 150:     background: url("../Images/heroAccent.png") no-repeat;
 151:  }
 152:   
 153:  footer
 154:  {
 155:     clear: both;
 156:     background-color: #e2e2e2;
 157:     font-size: .8em;
 158:     height: 100px;
 159:  }
 160:   
 161:   
 162:  /* site title
 163:  ----------------------------------------------------------*/
 164:  .site-title
 165:  {
 166:     color: #c8c8c8;
 167:     font-family: Rockwell, Consolas, "Courier New" , Courier, monospace;
 168:     font-size: 2.3em;
 169:     margin: 20px 0;
 170:  }
 171:  .LogoInnovacall {
 172:     display:block;
 173:     margin-top:-10px;
 174:     margin-left:10px;
 175:  }
 176:  .LogoInnovacallMVCFramework{
 177:     display:block;
 178:     margin-left:50px;
 179:  }
 180:   
 181:  .MicrosoftBizSparkAlumini{
 182:     display:block;
 183:     margin-top:-10px;
 184:  }
 185:  .site-title a, .site-title a:hover, .site-title a:active
 186:  {
 187:     background: none;
 188:     color: #c8c8c8;
 189:     outline: none;
 190:     text-decoration: none;
 191:  }
 192:   
 193:   
 194:  /* login
 195:  ----------------------------------------------------------*/
 196:  #login
 197:  {
 198:     display: block;
 199:     font-size: .85em;
 200:     margin: 20px 0 12px;
 201:     text-align: right;
 202:  }
 203:   
 204:  #login a
 205:  {
 206:     -moz-border-radius: 4px;
 207:     border-radius: 4px;
 208:     background-color: #d3dce0;
 209:     margin-left: 10px;
 210:     margin-right: 3px;
 211:     padding: 2px 3px;
 212:     text-decoration: none;
 213:  }
 214:   
 215:  #login a.username
 216:  {
 217:     background: none;
 218:     margin-left: 0px;
 219:     text-decoration: underline;
 220:  }
 221:   
 222:  #login ul
 223:  {
 224:     margin: 0;
 225:  }
 226:   
 227:  #login li
 228:  {
 229:     display: inline;
 230:     list-style: none;
 231:  }
 232:   
 233:   
 234:  /* menu Original MVC4 Menu
 235:  
 236:  ul#menu
 237:  {
 238:     font-size: 1.3em;
 239:     font-weight: 600;
 240:     margin: 0;
 241:     text-align: right;
 242:  }
 243:  
 244:  ul#menu li
 245:  {
 246:     display: inline;
 247:     list-style: none;
 248:     padding-left: 15px;
 249:  }
 250:  
 251:  ul#menu li a
 252:  {
 253:     background: none;
 254:     color: #999;
 255:     text-decoration: none;
 256:  }
 257:  
 258:  ul#menu li a:hover
 259:  {
 260:     color: #333;
 261:     text-decoration: none;
 262:  }
 263:  */
 264:   
 265:  /* page elements
 266:  ----------------------------------------------------------*/
 267:  /* featured */
 268:  .featured
 269:  {
 270:     background-color: #fff;
 271:  }
 272:   
 273:  .featured .content-wrapper
 274:  {
 275:     background-color: #7ac0da;
 276:     background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 277:     background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 278:     background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
 279:     background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 280:     background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
 281:     color: #3e5667;
 282:     padding: 20px 40px 30px 40px;
 283:  }
 284:   
 285:  .featured hgroup.title h1, .featured hgroup.title h2
 286:  {
 287:     color: #fff;
 288:  }
 289:   
 290:  .featured p
 291:  {
 292:     font-size: 1.1em;
 293:  }
 294:   
 295:  /* page titles */
 296:  hgroup.title
 297:  {
 298:     margin-bottom: 10px;
 299:  }
 300:   
 301:  hgroup.title h1, hgroup.title h2
 302:  {
 303:     /*display: inline;*/
 304:  }
 305:   
 306:  hgroup.title h2
 307:  {
 308:     font-weight: normal;
 309:     margin-left: 3px;
 310:  }
 311:   
 312:  /* features */
 313:  section.feature
 314:  {
 315:     width: 300px;
 316:     float: left;
 317:     padding: 10px;
 318:  }
 319:   
 320:  /* ordered list */
 321:  ol.round
 322:  {
 323:     list-style-type: none;
 324:     padding-left: 0;
 325:  }
 326:   
 327:  ol.round li
 328:  {
 329:     margin: 25px 0;
 330:     padding-left: 45px;
 331:  }
 332:   
 333:  ol.round li.zero
 334:  {
 335:     background: url("../Images/orderedList0.png") no-repeat;
 336:  }
 337:   
 338:  ol.round li.one
 339:  {
 340:     background: url("../Images/orderedList1.png") no-repeat;
 341:  }
 342:   
 343:  ol.round li.two
 344:  {
 345:     background: url("../Images/orderedList2.png") no-repeat;
 346:  }
 347:   
 348:  ol.round li.three
 349:  {
 350:     background: url("../Images/orderedList3.png") no-repeat;
 351:  }
 352:   
 353:  ol.round li.four
 354:  {
 355:     background: url("../Images/orderedList4.png") no-repeat;
 356:  }
 357:   
 358:  ol.round li.five
 359:  {
 360:     background: url("../Images/orderedList5.png") no-repeat;
 361:  }
 362:   
 363:  ol.round li.six
 364:  {
 365:     background: url("../Images/orderedList6.png") no-repeat;
 366:  }
 367:   
 368:  ol.round li.seven
 369:  {
 370:     background: url("../Images/orderedList7.png") no-repeat;
 371:  }
 372:   
 373:  ol.round li.eight
 374:  {
 375:     background: url("../Images/orderedList8.png") no-repeat;
 376:  }
 377:   
 378:  ol.round li.nine
 379:  {
 380:     background: url("../Images/orderedList9.png") no-repeat;
 381:  }
 382:   
 383:  /* content */
 384:  article
 385:  {
 386:     float: left;
 387:     width: 70%;
 388:  }
 389:   
 390:  aside
 391:  {
 392:     float: right;
 393:     width: 25%;
 394:  }
 395:   
 396:  aside ul
 397:  {
 398:     list-style: none;
 399:     padding: 0;
 400:  }
 401:   
 402:  aside ul li
 403:  {
 404:     background: url("../Images/bullet.png") no-repeat 0 50%;
 405:     padding: 2px 0 2px 20px;
 406:  }
 407:   
 408:  .label
 409:  {
 410:     font-weight: 700;
 411:  }
 412:   
 413:  /* login page */
 414:  #loginForm
 415:  {
 416:     border-right: solid 2px #c8c8c8;
 417:     float: left;
 418:     width: 45%;
 419:  }
 420:   
 421:  #loginForm .validation-error
 422:  {
 423:     display: block;
 424:     margin-left: 15px;
 425:  }
 426:   
 427:  #socialLoginForm
 428:  {
 429:     margin-left: 40px;
 430:     float: left;
 431:     width: 50%;
 432:  }
 433:   
 434:  /* contact */
 435:  .contact h3
 436:  {
 437:     font-size: 1.2em;
 438:  }
 439:   
 440:  .contact p
 441:  {
 442:     margin: 5px 0 0 10px;
 443:  }
 444:   
 445:  .contact iframe
 446:  {
 447:     border: 1px solid #333;
 448:     margin: 5px 0 0 10px;
 449:  }
 450:   
 451:  /* forms */
 452:  fieldset
 453:  {
 454:     border: none;
 455:     margin: 0;
 456:     padding: 0;
 457:  }
 458:   
 459:  fieldset legend
 460:  {
 461:     display: none;
 462:  }
 463:  fieldset ol
 464:  {
 465:     padding: 0;
 466:     list-style: none;
 467:  }
 468:   
 469:  fieldset ol li
 470:  {
 471:     padding-bottom: 5px;
 472:  }
 473:   
 474:  fieldset label
 475:  {
 476:     display: block;
 477:     font-size: 0.75em;
 478:     font-weight: 600;
 479:  }
 480:   
 481:  fieldset label.checkbox
 482:  {
 483:     display: inline;
 484:  }
 485:   
 486:  fieldset input[type="text"], fieldset input[type="password"]
 487:  {
 488:     border: 1px solid #e2e2e2;
 489:     color: #333;
 490:     font-size: 1.2em;
 491:     margin: 5px 0 6px 0;
 492:     padding: 5px;
 493:     width: 300px;
 494:  }
 495:   
 496:  fieldset input[type="text"]:focus, fieldset input[type="password"]:focus
 497:  {
 498:     border: 1px solid #7ac0da;
 499:  }
 500:   
 501:  fieldset input[type="submit"] ,input[type="reset"] , textarea
 502:  {
 503:     background-color: #d3dce0;
 504:     border: 1px solid #787878;
 505:     cursor: pointer;
 506:     font-size: 1.2em;
 507:     font-weight: 600;
 508:     padding: 7px;
 509:  }
 510:   
 511:  .modal-popup
 512:  {
 513:  }
 514:   
 515:  .modal-popup input[type="text"], .modal-popup input[type="password"]
 516:  {
 517:     width: 90%;
 518:  }
 519:   
 520:  /* info and errors */
 521:  .message-info
 522:  {
 523:     border: 1px solid;
 524:     clear: both;
 525:     padding: 10px 20px;
 526:  }
 527:   
 528:  .message-error
 529:  {
 530:     clear: both;
 531:     color: #e80c4d;
 532:     font-size: 1.1em;
 533:     font-weight: bold;
 534:     margin: 20px 0 10px 0;
 535:  }
 536:   
 537:  .message-success
 538:  {
 539:     color: #7ac0da;
 540:     font-size: 1.3em;
 541:     font-weight: bold;
 542:     margin: 20px 0 10px 0;
 543:  }
 544:   
 545:  .error
 546:  {
 547:     color: #e80c4d;
 548:  }
 549:   
 550:  /* styles for validation helpers */
 551:  .field-validation-error
 552:  {
 553:     color: #e80c4d;
 554:     font-weight: bold;
 555:  }
 556:   
 557:  .field-validation-valid
 558:  {
 559:     display: none;
 560:  }
 561:   
 562:  input[type="text"].input-validation-error, input[type="password"].input-validation-error
 563:  {
 564:     border: 1px solid #e80c4d;
 565:  }
 566:   
 567:  .validation-summary-errors
 568:  {
 569:     color: #e80c4d;
 570:     font-weight: bold;
 571:     font-size: 1.1em;
 572:  }
 573:   
 574:  .validation-summary-valid
 575:  {
 576:     display: none;
 577:  }
 578:   
 579:  ul#social li
 580:  {
 581:     display: inline;
 582:     list-style: none;
 583:  }
 584:   
 585:  ul#social li a
 586:  {
 587:     color: #999;
 588:     text-decoration: none;
 589:  }
 590:   
 591:  a.facebook, a.twitter
 592:  {
 593:     display: block;
 594:     float: left;
 595:     height: 24px;
 596:     padding-left: 17px;
 597:     text-indent: -9999px;
 598:     width: 16px;
 599:  }
 600:   
 601:  a.facebook
 602:  {
 603:     background: url("../Images/facebook.png") no-repeat;
 604:  }
 605:   
 606:  a.twitter
 607:  {
 608:     background: url("../Images/twitter.png") no-repeat;
 609:  }
 610:   
 611:  /* tables
 612:  ----------------------------------------------------------*/
 613:  table
 614:  {
 615:     border-collapse: collapse;
 616:     border-spacing: 0;
 617:     margin-top: 0.75em;
 618:     border: 0 none;
 619:  }
 620:   
 621:  th
 622:  {
 623:     font-size: 1.2em;
 624:     text-align: left;
 625:     border: none 0px;
 626:     padding-left: 0;
 627:  }
 628:   
 629:  th a
 630:  {
 631:     display: block;
 632:     position: relative;
 633:  }
 634:   
 635:  th a:link, th a:visited, th a:active, th a:hover
 636:  {
 637:     color: #333;
 638:     font-weight: 600;
 639:     text-decoration: none;
 640:     padding: 0;
 641:  }
 642:   
 643:  th a:hover
 644:  {
 645:     color: #000;
 646:  }
 647:   
 648:  th.asc a, th.desc a
 649:  {
 650:     margin-right: .75em;
 651:  }
 652:   
 653:  th.asc a:after, th.desc a:after
 654:  {
 655:     display: block;
 656:     position: absolute;
 657:     right: 0em;
 658:     top: 0;
 659:     font-size: 0.75em;
 660:  }
 661:   
 662:  th.asc a:after
 663:  {
 664:     content: 'â–²';
 665:  }
 666:   
 667:  th.desc a:after
 668:  {
 669:     content: 'â–¼';
 670:  }
 671:   
 672:  tr.pager td
 673:  {
 674:     padding: 0 0.25em 0 0;
 675:  }
 676:   
 677:   
 678:  /********************
 679:  *   Mobile Styles   *
 680:  ********************/
 681:  @media only screen and (max-width: 850px)
 682:  {
 683:   
 684:     /* header
 685:                  ----------------------------------------------------------*/
 686:     header .float-left, header .float-right
 687:     {
 688:        float: none;
 689:     }
 690:   
 691:     /* logo */
 692:     header .site-title
 693:     {
 694:        margin: 10px;
 695:        text-align: center;
 696:     }
 697:   
 698:     /* login */
 699:     #login
 700:     {
 701:        font-size: .85em;
 702:        margin: 0 0 12px;
 703:        text-align: center;
 704:     }
 705:   
 706:     #login ul
 707:     {
 708:        margin: 5px 0;
 709:        padding: 0;
 710:     }
 711:   
 712:     #login li
 713:     {
 714:        display: inline;
 715:        list-style: none;
 716:        margin: 0;
 717:        padding: 0;
 718:     }
 719:   
 720:     #login a
 721:     {
 722:        background: none;
 723:        color: #999;
 724:        font-weight: 600;
 725:        margin: 2px;
 726:        padding: 0;
 727:     }
 728:   
 729:     #login a:hover
 730:     {
 731:        color: #333;
 732:     }
 733:   
 734:     nav
 735:     {
 736:        margin-bottom: 5px;
 737:     }
 738:     /* menu 
 739:  
 740:              ul#menu
 741:              {
 742:                 margin: 0;
 743:                 padding: 0;
 744:                 text-align: center;
 745:              }
 746:  
 747:              ul#menu li
 748:              {
 749:                 margin: 0;
 750:                 padding: 0;
 751:              }
 752:  
 753:           */
 754:     /* main layout
 755:                  ----------------------------------------------------------*/
 756:     .main-content, .featured + .main-content
 757:     {
 758:        background-position: 10px 0;
 759:     }
 760:   
 761:     .content-wrapper
 762:     {
 763:        padding-right: 10px;
 764:        padding-left: 10px;
 765:     }
 766:   
 767:     .featured .content-wrapper
 768:     {
 769:        padding: 10px;
 770:     }
 771:   
 772:     /* page content */
 773:     article, aside
 774:     {
 775:        float: none;
 776:        width: 100%;
 777:     }
 778:   
 779:     /* ordered list */
 780:     ol.round
 781:     {
 782:        list-style-type: none;
 783:        padding-left: 0;
 784:     }
 785:   
 786:     ol.round li
 787:     {
 788:        padding-left: 10px;
 789:        margin: 25px 0;
 790:     }
 791:   
 792:     ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine
 793:     {
 794:        background: none;
 795:     }
 796:   
 797:     /* features */
 798:     section.feature
 799:     {
 800:        float: none;
 801:        padding: 10px;
 802:        width: auto;
 803:     }
 804:   
 805:     section.feature img
 806:     {
 807:        color: #999;
 808:        content: attr(alt);
 809:        font-size: 1.5em;
 810:        font-weight: 600;
 811:        border: none;
 812:     }
 813:   
 814:     /* forms */
 815:     fieldset input[type="text"], fieldset input[type="password"]
 816:     {
 817:        width: 90%;
 818:     }
 819:   
 820:     /* login page */
 821:     #loginForm
 822:     {
 823:        border-right: none;
 824:        float: none;
 825:        width: auto;
 826:     }
 827:   
 828:     #loginForm .validation-error
 829:     {
 830:        display: block;
 831:        margin-left: 15px;
 832:     }
 833:   
 834:     #socialLoginForm
 835:     {
 836:        margin-left: 0;
 837:        float: none;
 838:        width: auto;
 839:     }
 840:   
 841:     /* footer
 842:                  ----------------------------------------------------------*/
 843:     footer .float-left, footer .float-right
 844:     {
 845:        float: none;
 846:     }
 847:   
 848:     footer
 849:     {
 850:        text-align: center;
 851:        height: auto;
 852:        padding: 10px 0;
 853:     }
 854:   
 855:     footer p
 856:     {
 857:        margin: 0;
 858:     }
 859:   
 860:     ul#social
 861:     {
 862:        padding: 0;
 863:        margin: 0;
 864:     }
 865:   
 866:     a.facebook, a.twitter
 867:     {
 868:        background: none;
 869:        display: inline;
 870:        float: none;
 871:        padding-left: 0;
 872:        text-indent: 0;
 873:     }
 874:  }
 875:   
 876:  .full-height
 877:  {
 878:     height: auto;
 879:  }
 880:   
 881:  .page
 882:  {
 883:     background-color: #fff;
 884:     padding: 5px;
 885:     margin-top: 15px;
 886:     margin-bottom: 15px;
 887:     margin-left: auto;
 888:     margin-right: auto;
 889:     -moz-border-radius: 15px;
 890:     border-radius: 15px;
 891:  }
 892:   
 893:  .transparency0
 894:  {
 895:     /* IE 8 */
 896:     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */
 897:     filter: alpha(opacity=100); /* Netscape */
 898:     -moz-opacity: 1; /* Safari 1.x */
 899:     -khtml-opacity: 1; /* Good browsers */
 900:     opacity: 1;
 901:  }
 902:   
 903:  .transparency50
 904:  {
 905:     /* IE 8 */
 906:     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */
 907:     filter: alpha(opacity=50); /* Netscape */
 908:     -moz-opacity: 0.5; /* Safari 1.x */
 909:     -khtml-opacity: 0.5; /* Good browsers */
 910:     opacity: 0.5;
 911:  }
 912:   
 913:  .floatingDownLeft
 914:  {
 915:     float: left;
 916:     position: absolute;
 917:     bottom: 5px;
 918:     left: 5px;
 919:  }
 920:   
 921:  .floatingDownRight
 922:  {
 923:     float: left;
 924:     position: absolute;
 925:     bottom: 5px;
 926:     right: 5px;
 927:  }
 928:   
 929:  .rounded15
 930:  {
 931:     border-radius: 15px;
 932:     -moz-border-radius: 15px;
 933:  }
 934:  .rounded10
 935:  {
 936:     border-radius: 10px;
 937:     -moz-border-radius: 10px;
 938:  }
 939:  .rounded5
 940:  {
 941:     border-radius: 5px;
 942:     -moz-border-radius: 5px;
 943:  }
 944:  .rounded4
 945:  {
 946:     border-radius: 4px;
 947:     -moz-border-radius: 4px;
 948:  }
 949:  .shadow
 950:  {
 951:     -moz-box-shadow: 3px 3px 4px #999;
 952:     -webkit-box-shadow: 3px 3px 4px #999;
 953:     box-shadow: 3px 3px 4px #999; /* For IE 8 */
 954:     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 5.5 - 7 */
 955:     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
 956:  }
 957:  .tblFooter
 958:  {
 959:     width: 100%;
 960:     height: 96px;
 961:     margin-bottom:5px;
 962:  }
 963:  .tblFooter td {
 964:     vertical-align:bottom;
 965:  }
 966:  .tblFooter .tdCopyright, .tblFooter .tdContactUs
 967:  {
 968:     width: 150px;
 969:  }
 970:  .tblFooter .tdCopyright
 971:  {
 972:     text-align: left;
 973:     padding-left:5px;
 974:  }
 975:  .tblFooter .tdCodeplex
 976:  {
 977:     text-align: center;
 978:  }
 979:  .tblFooter .tdContactUs
 980:  {
 981:     text-align: right;
 982:     padding-right:5px;
 983:  }
 984:  .divCodeFile
 985:  {
 986:     width: 912px;
 987:     min-height: 300px;
 988:     overflow:scroll;
 989:  }
 990:  .yellowText{
 991:     color:Yellow;
 992:  }
 993:  #divInvolvedCode{
 994:     margin-top:15px;
 995:     margin-right:10px;
 996:  }
 997:  .divCodeFile{
 998:     width:96%
 999:  }
1000:  .centerMargin25{
1001:     margin-left:25%;
1002:     margin-right:25%;
1003:  }
1004:  .padding15{
1005:     padding:15px;
1006:  }
1007:  .centred{
1008:     display:block;
1009:     margin-left:auto;
1010:     margin-right:auto;
1011:  }
1012:  .submitButton{
1013:     min-width:85px;
1014:  }
1015:   
1016:  .redText{
1017:     color:#f00;
1018:  }
1019:  .involvedCode{
1020:     font-size:1.4em;
1021:     font-style:italic;
1022:     font-weight:bold;
1023:  }
1024:  .notDisplayed{
1025:     display:none;
1026:  }
1027:   
1028:  /*JQueryUI CSS Fixes*/
1029:   
1030:  #dialogMessage
1031:  {
1032:      overflow-y:auto !important;    
1033:      overflow-x:hidden !important;    
1034:  }
1035:  /*Innovacall Dynamic CSS elements*/
1036: