Changeset 4251


Ignore:
Timestamp:
01/10/14 16:34:07 (10 years ago)
Author:
andmor
Message:

Updating styles for bootstrap 3.

Location:
cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site
Files:
7 edited

Legend:

Unmodified
Added
Removed

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/completeuserdetails.html

    r4238 r4251  
    1111
    1212        <!-- Le styles -->
    13         <link href="./lib/bootstrap-2.3.2/css/bootstrap.min.css" rel="stylesheet" />
    14         <link href="./lib/bootstrap-2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" />
    15         <link href="./styles/SCHEMAcat.min.css" rel="stylesheet" />
     13        <link href="./lib/bootstrap-3.0.3/css/bootstrap.css" rel="stylesheet" />
     14        <link href="./styles/SCHEMAcat.css" rel="stylesheet" />
    1615
    1716    </head>
    … …  
    2019            <div data-ng-controller="CompleteUserDetailsCtrl">
    2120                <div class="navbar navbar-inverse navbar-fixed-top">
    22                     <div class="navbar-inner">
    23                         <div class="container">
    24                             <button type="button" class="btn btn-navbar">
    25                                 <span class="icon-bar"></span>
    26                                 <span class="icon-bar"></span>
    27                                 <span class="icon-bar"></span>
    28                             </button>
    29                             <a class="brand">SCHEMAcat</a>
    30                             <div class="nav-collapse">
    31                                 <ul class="nav">
    32                                     <li class="divider-vertical"></li>
    33                                     <li class="active">
    34                                         <a href="/schemacat/site/index.html"><i class="icon-home icon-white"><!--i--></i> Home</a>
     21                    <div>
     22                        <div>
     23                            <div class="navbar-header">
     24                                <button type="button" class="btn btn-default navbar-toggle" data-ng-click="toggleTopMenu()">
     25                                    <span class="icon-bar"></span>
     26                                    <span class="icon-bar"></span>
     27                                    <span class="icon-bar"></span>
     28                                </button>
     29                                <a class="navbar-brand" href="/schemacat/site/">SCHEMAcat</a>
     30                            </div>
     31                            <div class="collapse navbar-collapse" data-collapse="topMenuCollapsed">
     32                                <ul class="nav navbar-nav">
     33                                    <li class="divider"></li>
     34                                    <li data-ng-class="{ active: isActive('/workspace')}">
     35                                        <a href="#/workspace/page/1/?schemaIndex=0&amp;{{animationsUrlPart()}}&amp;{{topMenuExpandedUrlPart()}}"><i class="glyphicon glyphicon-home glyphicon-white"><!--i--></i> Home</a>
    3536                                    </li>
    36                                     <li>
    37                                         <a>About</a>
     37                                    <li data-ng-class="{ active: isActive('/about')}">
     38                                        <a href="#/about?{{animationsUrlPart()}}&amp;{{topMenuExpandedUrlPart()}}">About</a>
    3839                                    </li>
    39                                     <li>
    40                                         <a>Contact</a>
     40                                    <li data-ng-class="{ active: isActive('/contact')}">
     41                                        <a href="#/contact?{{animationsUrlPart()}}&amp;{{topMenuExpandedUrlPart()}}">Contact</a>
    4142                                    </li>
    4243                                </ul>
    43                                 <div class="pull-right">
    44                                     <ul class="nav pull-right">
    45                                         <li><a class="cursor-pointer"><i class="icon-user icon-white"><!--i--></i> <span/>
    46                                         </a></li>
     44                                <div class="navbar-right">
     45                                    <ul class="nav navbar-nav">
     46                                        <li class="dropdown" title="userMenu">
     47                                            <a class="cursor-pointer dropdown-toggle"><i class="glyphicon glyphicon-user"><!--i--></i><span class="caret"></span> </a>
     48                                        </li>
    4749                                        <li class="dropdown" title="settings">
    48                                             <a class="cursor-pointer dropdown-toggle"><i class="icon-wrench icon-white"><!--i--></i></a>
     50                                            <a class="cursor-pointer dropdown-toggle"><i class="glyphicon glyphicon-wrench"><!--i--></i> <span class="caret"></span> </a>
    4951                                        </li>
    5052                                    </ul>
    … …  
    5355                        </div>
    5456                    </div>
    55                 </div>
     57                </div>   
    5658            </div>
     59            <div id="pushh"></div>
     60            <div id="pushf"></div>
    5761        </div>
    5862        <div id="footer">
    59             <div class="container">
     63            <div style="padding:0 15px;">
    6064                <p>&#169; The Language Archive 2013</p>
    6165            </div>
    … …  
    6872        <script src="./lib/AngularJS-1.2.7/angular-resource.min.js"></script>
    6973        <script src="./lib/AngularJS-1.2.7/angular-route.min.js"></script>
    70         <script src="./lib/UI-bootstrap/ui-bootstrap-tpls-0.7.0.min.js"></script>
     74        <script src="./lib/UI-bootstrap/ui-bootstrap-tpls-0.9.0.min.js"></script>
    7175        <script src="./scripts/modules.min.js"></script>
    7276        <script src="./scripts/controllers.min.js"></script>

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/index.html

    r4238 r4251  
    1212        <!-- Le styles -->
    1313        <link href="./lib/bootstrap-3.0.3/css/bootstrap.css" rel="stylesheet" />
    14        <!-- <link href="./lib/bootstrap-2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" />-->
    1514        <link href="./lib/animate_css/animate.min.css" rel="stylesheet" />
    1615        <link href="./styles/SCHEMAcat.css" rel="stylesheet" />
    … …  
    4544                                    </li>
    4645                                </ul>
    47                                 <div class="pull-right">
     46                                <div class="navbar-right">
    4847                                    <ul class="nav navbar-nav">
    4948                                        <li class="dropdown" title="userMenu">
    … …  
    5251                                                    <li>
    5352                                                        <a class="cursor-pointer" data-ng-click="loginClick()">
    54                                                         <!-- <a href="{{shibURL}}"> --><!-- uncomment first one for development -->
     53                                                            <!-- <a href="{{shibURL}}"> --><!-- uncomment first one for development -->
    5554                                                            <span>Login as a different user...</span>
    5655                                                        </a>

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/partials/about.html

    r4238 r4251  
    1515                </div>
    1616                <div>
    17                     <div class="row">
     17                    <div class="row container">
    1818                        <div class="col-md-12">
    1919                            <br/>
    2020                            <h4>Alpha notice!</h4>
    21                             <div>
     21                            <div class="container">
    2222                                <p>SCHEMAcat is in its early stages of development. This means that
    2323                                    anything can change at any time. Its also only available on a test
    … …  
    5454                                                        <p>
    5555                                                            <a href="http://1060research.com">
    56                                                                 <img
     56                                                                <img class="img-responsive-inline"
    5757                                                                    src="http://www.1060research.com/netkernel/poweredbynetkernel.png"
    5858                                                                    alt="Powered by Netkernel"/>
    … …  
    6868                                                        <p>
    6969                                                            <a href="http://angularjs.org/">
    70                                                                 <img
     70                                                                <img class="img-responsive-inline"
    7171                                                                    src="https://raw.github.com/angular/angular.js/master/images/logo/AngularJS.exports/AngularJS-small.png"
    7272                                                                    alt="AngularJS"/>
    … …  
    8080                                    <div class="col-md-3 text-center">
    8181                                        <a href="http://tla.mpi.nl">
    82                                             <img
     82                                            <img class="img-responsive"
    8383                                                src="images/TLAlogo.png"
    8484                                                alt="http://tla.mpi.nl"/>
    … …  
    8989                            <br/>
    9090                            <h4>Change log</h4>
    91                             <div>
     91                            <div class="container">
    9292                                <h5>[2013-11-08]</h5>
    9393                                <ol>

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/partials/contact.html

    r4191 r4251  
    1 <div id="contact" data-ng-class="animateInOut" class="container-fluid">
    2     <div class="row-fluid">
    3         <div class="span12 hero-unit">
    4             <div>
    5                 <h3>Contact</h3>
    6             </div>
    7             <div class="container-fluid">
    8                 <div class="row-fluid">
    9                     <div class="span9">
    10                         <p>For any additional information feel free to contact:</p>
    11                         <address>
    12                             <div class="container-fluid"><a href="mailto:isocat@mpi.nl">isocat@mpi.nl</a></div>
    13                             <br/><br/>
    14                             <p>And visit us at:</p>
    15                             <div class="container-fluid"><a href="http://tla.mpi.nl">tla.mpi.nl</a></div>
    16                             <br/>
    17                         </address>
     1<div id="contact" data-ng-class="animateInOut" style="padding:0 15px;">
     2    <div class="row">
     3        <div class="col-md-12 container">
     4            <div class="jumbotron">
     5                <div>
     6                    <h3>Contact</h3>
     7                </div>
     8                <div class="container">
     9                    <div class="row">
     10                        <div class="col-md-9">
     11                            <p>For any additional information feel free to contact:</p>
     12                            <address>
     13                                <div class="container"><a href="mailto:isocat@mpi.nl">isocat@mpi.nl</a></div>
     14                                <br/><br/>
     15                                <p>And visit us at:</p>
     16                                <div class="container"><a href="http://tla.mpi.nl">tla.mpi.nl</a></div>
     17                                <br/>
     18                            </address>
     19                        </div>
     20                        <div class="col-md-3"> </div>
    1821                    </div>
    19                     <div class="span3"> </div>
    2022                </div>
    2123            </div>

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/partials/fillDetailsModal.html

    r4111 r4251  
    66    <div class="modal-body">
    77        <h5>Before you can use SCHEMAcat please complete your account with the following details:</h5>
    8         <div class="container-fluid">
    9             <div class="row-fluid">
    10                 <div class="span6">
    11                     <form name="userDetailsForm">
    12                         <label>Display name:</label>
    13                         <input name="displayNameInput" type="text" required="required" data-ng-model="displayNameInput.text"/>
    14                         <div class="control-group error" data-ng-if="userDetailsForm.displayNameInput.$dirty &amp;&amp; userDetailsForm.displayNameInput.$invalid">
    15                             <small class="help-block" data-ng-if="userDetailsForm.displayNameInput.$error.required">
    16                                 Your display name cannot be empty.
    17                             </small>
     8        <div>
     9            <div class="row">
     10                <div class="col-md-8">
     11                    <br/>
     12                    <form name="userDetailsForm" class="form-horizontal">
     13                        <div class="form-group">
     14                            <label class="col-md-4 control-label">Display name:</label>
     15                            <div class="col-md-8">
     16                                <input name="displayNameInput" class="form-control" type="text" required="required" data-ng-model="displayNameInput.text"/>
     17                            </div>
     18                            <div class="col-md-8 col-md-offset-4 has-error" data-ng-if="userDetailsForm.displayNameInput.$dirty &amp;&amp; userDetailsForm.displayNameInput.$invalid">
     19                                <small class="help-block" data-ng-if="userDetailsForm.displayNameInput.$error.required">
     20                                    Your display name cannot be empty.
     21                                </small>
     22                            </div>
    1823                        </div>
    19                         <div>
    20                             <label>Contact email:</label>
    21                             <input name="emailInput" type="email" required="required" data-ng-model="emailInput.text"/>
    22                             <div class="control-group error" data-ng-if="userDetailsForm.emailInput.$dirty &amp;&amp; userDetailsForm.emailInput.$invalid">
     24                        <div class="form-group">
     25                            <label class="col-md-4 control-label">Contact email:</label>
     26                            <div class="col-md-8">
     27                                <input name="emailInput" class="col-md-8 form-control" type="email" required="required" data-ng-model="emailInput.text"/>
     28                            </div>
     29                            <div class="col-md-8 col-md-offset-4 has-error" data-ng-if="userDetailsForm.emailInput.$dirty &amp;&amp; userDetailsForm.emailInput.$invalid">
    2330                                <small class="help-block" data-ng-if="userDetailsForm.emailInput.$error.required">
    2431                                    Your contact email cannot be empty.
    2532                                </small>
    2633                            </div>
    27                             <div class="control-group error" data-ng-if="userDetailsForm.emailInput.$dirty &amp;&amp; userDetailsForm.emailInput.$invalid">
     34                            <div class="col-md-8 col-md-offset-4 has-error" data-ng-if="userDetailsForm.emailInput.$dirty &amp;&amp; userDetailsForm.emailInput.$invalid">
    2835                                <small class="help-block" data-ng-if="userDetailsForm.emailInput.$error.email">
    2936                                    Please provide a vaid email address.
    … …  
    3340                    </form>
    3441                </div>
    35                 <div class="span6">
     42                <div class="col-md-4">
    3643                    <div class="text-center" data-ng-if="waitingForServer">
    3744                        <div class="hidden-phone"><br/><br/></div>
    3845                        <img src="images/spinner.gif" alt="Loading..."/>
    3946                    </div>
    40                     <span class="control-group error" data-ng-if="ajaxError">
     47                    <span class="form-group has-error" data-ng-if="ajaxError">
    4148                        <small class="help-block">
    4249                            <div>The server responded with an error. Please try again!</div>

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/partials/loginModal.html

    r4111 r4251  
    66    </div>
    77    <div class="modal-body">
    8         <form name="loginForm">
    9             <div>
    10                 <label>User</label>
    11                 <input name="loginNameInput" type="text" required="required" data-ng-model="loginNameInput.text"/>
    12                 <div class="control-group error" data-ng-if="loginForm.loginNameInput.$dirty &amp;&amp; loginForm.loginNameInput.$invalid">
     8        <form name="loginForm" class="form-horizontal">
     9            <div class="form-group">
     10                <label class="col-sm-2 control-label">Principal</label>
     11                <div class="col-sm-7">
     12                    <input name="loginNameInput" type="text" class="form-control" required="required" data-ng-model="loginNameInput.text"/>
     13                </div>
     14                <div class="col-sm-10 col-sm-offset-2 has-error" data-ng-if="loginForm.loginNameInput.$dirty &amp;&amp; loginForm.loginNameInput.$invalid">
    1315                    <small class="help-block" data-ng-if="loginForm.loginNameInput.$error.required">
    1416                        Your Shibboleth principal cannot be empty.
    … …  
    1921    </div>
    2022    <div class="modal-footer">
    21         <button class="btn" data-ng-click="loginClose()">Cancel</button>
     23        <button class="btn btn-default" data-ng-click="loginClose()">Cancel</button>
    2224        <button id="login" class="btn btn-primary" data-ng-click="loginSubmit()" data-ng-disabled="loginForm.$invalid">Login</button>
    2325    </div>

  • cats/SCHEMAcat/branches/urn.org.isocat.schemacat.site/site/styles/SCHEMAcat.css

    r4238 r4251  
    5555    white-space:nowrap;
    5656    min-width: 241px;
     57}
     58
     59.img-responsive-inline{
     60  display: inline-block;
     61  height: auto;
     62  max-width: 100%;
    5763}
    5864
Note: See TracChangeset for help on using the changeset viewer.